@charset "utf-8";
html {
  font-family: "Microsoft Yahei";
  color: #333333;
  font-size: 16px;
}
html body {
  font-size: 0.875em;
}
* {
  outline: none;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: transparent;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) inset;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 100px;
}
*::-webkit-scrollbar-thumb:active {
  background-color: #888;
}
ul,
li,
dl,
dt,
dd,
p,
pre {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
pre {
  font-family: "Microsoft Yahei";
}
a {
  color: #868686;
  cursor: pointer;
}
a[href^="javascript:void(0)"] {
  cursor: default;
}
a,
a:hover {
  text-decoration: none;
}
img {
  border: 0;
}
textarea {
  resize: none;
}
div,
ul,
li,
dl,
dt,
dd,
p,
input[type="text"],
input[type="password"],
textarea,
a,
span,
table,
tr,
td {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer,
*[onclick] {
  cursor: pointer;
}
*.cursor-disabled,
*[data-disabled],
*[disabled] {
  cursor: not-allowed;
}
*.text-left {
  text-align: left;
}
*.text-center {
  text-align: center;
}
*.text-right {
  text-align: right;
}
*.text-top {
  vertical-align: top;
}
*.text-middle {
  vertical-align: middle;
}
*.text-nowrap {
  white-space: nowrap;
}
*.text-pre {
  white-space: pre;
}
*.text-breakAll {
  -ms-word-break: break-all;
  word-break: break-all;
}
*.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
*.text-unellipsis {
  overflow: auto;
  text-overflow: normal;
  white-space: normal;
}
.text-sm {
  font-size: 12px;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-16 {
  font-size: 16px;
}
*.bold {
  font-weight: bold;
}
.text-default {
  color: #999;
}
.text-default-light {
  color: #ccc;
}
.text-primary {
  color: #398dee;
}
.text-primary-deep {
  color: #107935;
}
.text-warning {
  color: #f3b414;
}
.text-danger {
  color: #f74d3b;
}
.text-number {
  font-family: arial;
}
.number-lg {
  font-size: 20px;
}
.link-default {
  color: #999;
  text-decoration: underline;
}
.link-default:hover {
  text-decoration: underline;
}
.link-primary {
  color: #398dee;
  text-decoration: underline;
}
.link-primary:hover {
  text-decoration: underline;
}
.context-title {
  position: relative;
  padding-left: 10px;
  color: #398dee;
}
.context-title:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-color: #398dee;
  border-radius: 50%;
}
*.block {
  display: block;
}
*.inline-block {
  display: inline-block;
}
*.relative {
  position: relative;
}
*.absolute {
  position: absolute;
}
*.pull-left {
  float: left;
}
*.pull-right {
  float: right;
}
*.clearboth {
  clear: both;
}
.clearafter:after {
  content: "";
  display: block;
  clear: both;
}
[data-translate] {
  opacity: 0;
  filter: alpha(opacity=0);
}
.box-blur {
  -webkit-filter: blur(10px);
  /* Chrome, Opera */
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
  /* IE6~IE9 */
}
.table .thead {
  display: table-header-group;
  vertical-align: middle;
}
.table .tbody {
  display: table-row-group;
  vertical-align: middle;
}
.table .tr {
  display: table-row;
  vertical-align: inherit;
  width: 100%;
}
.table .th,
.table .td {
  display: table-cell;
  vertical-align: inherit;
  padding: 5px;
}
input,
textarea {
  display: inline-block;
  font-family: "Microsoft Yahei";
  color: #333333;
  -webkit-user-select: auto;
  -moz-user-select: auto;
}
input.text-input,
textarea.text-input {
  background-color: transparent;
  border: 1px solid transparent;
}
input.text-input:hover,
textarea.text-input:hover {
  border: 1px solid #eee;
}
input.text-input:focus,
textarea.text-input:focus {
  border: 1px dashed #ccc;
}
input[disabled].text-input,
textarea[disabled].text-input {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: default;
}
.radius-lg,
.from-control.radius-lg,
input.form-control.radius-lg {
  border-radius: 999px !important;
}
[data-type="date-input"] {
  padding-right: 30px;
  background-image: url(../images/modules/icon_select_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.input-border {
  border: 1px solid #d0d6df;
}
.input-radius {
  border-radius: 3px;
}
input.form-control,
textarea.form-control {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 32px;
  padding: 8px;
  border: 1px solid #d0d6df;
  border-radius: 3px;
  color: #818e9b;
}
input.form-control.block,
textarea.form-control.block {
  width: 100%;
}
input.form-control.input-sm,
textarea.form-control.input-sm {
  padding: 3px 6px;
}
input.form-control {
  line-height: 1;
}
input.form-control.baseWidth_2 {
  width: 78px;
}
input.form-control.baseWidth_3,
input.form-control.baseWidth {
  width: 150px;
}
.btn {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  padding: 7px 8px;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.btn .text {
  vertical-align: middle;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 200px;
}
.btn.btn-size-1 {
  height: 16px;
  padding: 1px 4px;
  font-size: 12px;
  line-height: 1;
}
.btn.btn-sm,
.btn.btn-size-2 {
  height: 24px;
  padding: 4px;
}
.btn.btn-lg,
.btn.btn-size-4 {
  height: 32px;
  padding: 8px 16px;
  font-size: 16px;
}
.btn.btn-submit {
  min-width: 120px;
  height: 32px;
  font-size: 16px;
}
.btn.btn-radius {
  border-radius: 999px;
}
.btn.baseWidth_2 {
  min-width: 78px;
}
.btn.baseWidth_3,
.btn.baseWidth {
  min-width: 150px;
}
[data-type="label"] {
  margin-left: 4px;
  cursor: pointer;
}
.btn-default {
  background-color: #fefefe;
  border: 1px solid #d0d6df;
  color: #818e9b;
}
.btn-default.btn-inverse {
  color: #fefefe;
  background-color: #818e9b;
}
.btn-primary {
  background-color: #398dee;
  border: 1px solid #398dee;
  color: #fff;
}
.btn-primary:hover {
  background-color: #2a87f3;
  border: 1px solid #2a87f3;
}
.btn-primary:active {
  background-color: #398dee;
  border: 1px solid #398dee;
}
.btn-primary.btn-inverse {
  color: #398dee;
  background-color: #fff;
}
.btn-border-primary {
  border: 1px solid #37af62;
}
.btn-warning {
  background-color: #f3b414;
  color: #fff;
}
.btn-warning.btn-inverse {
  color: #fff;
  background-color: #f3b414;
}
.btn-danger {
  background-color: #f83138;
  color: #fff;
  border: 1px solid #f83138;
}
.btn-danger.btn-inverse {
  color: #f83138;
  background-color: #fff;
}
.btn-link {
  color: #38ba7a;
  text-decoration: underline;
}
.btn[disabled],
.btn.disabled,
.btn-disabled {
  background-color: #ccc;
  border-color: #ccc;
}
.btn[disabled]:hover,
.btn.disabled:hover,
.btn-disabled:hover {
  background-color: #ccc;
  border-color: #ccc;
}
.btn[disabled].btn-inverse,
.btn.disabled.btn-inverse,
.btn-disabled.btn-inverse {
  color: #ccc;
  background-color: #fff;
}
.btn-border-disable {
  border: 1px solid #999;
}
.btn-date {
  position: relative;
}
.btn-date [data-type="date-input"] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.input-group.password {
  position: relative;
}
.input-group.password input[type="password"][data-tips] {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  box-shadow: none;
}
.input-group.password input[type="password"][data-tips].focus {
  background-color: #fff;
}
.icon {
  position: relative;
  top: 0px;
}
div.icon {
  display: block;
  margin: auto;
}
span.icon {
  display: inline-block;
  vertical-align: middle;
}
.icon.icon-size-16 {
  width: 16px;
  height: 16px;
  background-image: url(../images/icon_size_16.png);
}
.icon.icon-size-16.icon-helpTips {
  background-position: -42px -142px;
}
.icon.icon-size-16.icon-helpTips:hover,
*:hover > .icon.icon-size-16.icon-helpTips {
  background-position: -142px -142px;
}
.icon.icon-size-16.icon-helpTips.normal,
*.normal > .icon.icon-size-16.icon-helpTips {
  background-position: -42px -142px;
}
.icon.icon-size-16.icon-helpTips.checked,
*.checked > .icon.icon-size-16.icon-helpTips {
  background-position: -242px -142px;
}
.icon.icon-size-16.icon-helpTips.disabled,
*.disabled > .icon.icon-size-16.icon-helpTips {
  background-position: -342px -142px;
}
.icon.icon-size-16.icon-helpTips.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-helpTips {
  background-position: -442px -142px;
}
.icon.icon-size-16.icon-helpTips.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-helpTips {
  background-position: -542px -142px;
}
.icon.icon-size-16.icon-btn-plus {
  background-position: -42px -242px;
}
.icon.icon-size-16.icon-btn-plus:hover,
*:hover > .icon.icon-size-16.icon-btn-plus {
  background-position: -142px -242px;
}
.icon.icon-size-16.icon-btn-plus.normal,
*.normal > .icon.icon-size-16.icon-btn-plus {
  background-position: -42px -242px;
}
.icon.icon-size-16.icon-btn-plus.checked,
*.checked > .icon.icon-size-16.icon-btn-plus {
  background-position: -242px -242px;
}
.icon.icon-size-16.icon-btn-plus.disabled,
*.disabled > .icon.icon-size-16.icon-btn-plus {
  background-position: -342px -242px;
}
.icon.icon-size-16.icon-btn-plus.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-btn-plus {
  background-position: -442px -242px;
}
.icon.icon-size-16.icon-btn-plus.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-btn-plus {
  background-position: -542px -242px;
}
.icon.icon-size-16.icon-checkbox {
  background-position: -42px -342px;
}
.icon.icon-size-16.icon-checkbox:hover,
*:hover > .icon.icon-size-16.icon-checkbox {
  background-position: -142px -342px;
}
.icon.icon-size-16.icon-checkbox.normal,
*.normal > .icon.icon-size-16.icon-checkbox {
  background-position: -42px -342px;
}
.icon.icon-size-16.icon-checkbox.checked,
*.checked > .icon.icon-size-16.icon-checkbox {
  background-position: -242px -342px;
}
.icon.icon-size-16.icon-checkbox.disabled,
*.disabled > .icon.icon-size-16.icon-checkbox {
  background-position: -342px -342px;
}
.icon.icon-size-16.icon-checkbox.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-checkbox {
  background-position: -442px -342px;
}
.icon.icon-size-16.icon-checkbox.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-checkbox {
  background-position: -542px -342px;
}
.icon.icon-size-16.icon-radio {
  background-position: -42px -442px;
}
.icon.icon-size-16.icon-radio:hover,
*:hover > .icon.icon-size-16.icon-radio {
  background-position: -142px -442px;
}
.icon.icon-size-16.icon-radio.normal,
*.normal > .icon.icon-size-16.icon-radio {
  background-position: -42px -442px;
}
.icon.icon-size-16.icon-radio.checked,
*.checked > .icon.icon-size-16.icon-radio {
  background-position: -242px -442px;
}
.icon.icon-size-16.icon-radio.disabled,
*.disabled > .icon.icon-size-16.icon-radio {
  background-position: -342px -442px;
}
.icon.icon-size-16.icon-radio.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-radio {
  background-position: -442px -442px;
}
.icon.icon-size-16.icon-radio.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-radio {
  background-position: -542px -442px;
}
.icon.icon-size-16.icon-delete {
  background-position: -42px -542px;
}
.icon.icon-size-16.icon-delete:hover,
*:hover > .icon.icon-size-16.icon-delete {
  background-position: -142px -542px;
}
.icon.icon-size-16.icon-delete.normal,
*.normal > .icon.icon-size-16.icon-delete {
  background-position: -42px -542px;
}
.icon.icon-size-16.icon-delete.checked,
*.checked > .icon.icon-size-16.icon-delete {
  background-position: -242px -542px;
}
.icon.icon-size-16.icon-delete.disabled,
*.disabled > .icon.icon-size-16.icon-delete {
  background-position: -342px -542px;
}
.icon.icon-size-16.icon-delete.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-delete {
  background-position: -442px -542px;
}
.icon.icon-size-16.icon-delete.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-delete {
  background-position: -542px -542px;
}
.icon.icon-size-16.icon-remove {
  background-position: -42px -642px;
}
.icon.icon-size-16.icon-remove:hover,
*:hover > .icon.icon-size-16.icon-remove {
  background-position: -142px -642px;
}
.icon.icon-size-16.icon-remove.normal,
*.normal > .icon.icon-size-16.icon-remove {
  background-position: -42px -642px;
}
.icon.icon-size-16.icon-remove.checked,
*.checked > .icon.icon-size-16.icon-remove {
  background-position: -242px -642px;
}
.icon.icon-size-16.icon-remove.disabled,
*.disabled > .icon.icon-size-16.icon-remove {
  background-position: -342px -642px;
}
.icon.icon-size-16.icon-remove.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-remove {
  background-position: -442px -642px;
}
.icon.icon-size-16.icon-remove.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-remove {
  background-position: -542px -642px;
}
.icon.icon-size-16.icon-select {
  background-position: -42px -742px;
}
.icon.icon-size-16.icon-select:hover,
*:hover > .icon.icon-size-16.icon-select {
  background-position: -142px -742px;
}
.icon.icon-size-16.icon-select.normal,
*.normal > .icon.icon-size-16.icon-select {
  background-position: -42px -742px;
}
.icon.icon-size-16.icon-select.checked,
*.checked > .icon.icon-size-16.icon-select {
  background-position: -242px -742px;
}
.icon.icon-size-16.icon-select.disabled,
*.disabled > .icon.icon-size-16.icon-select {
  background-position: -342px -742px;
}
.icon.icon-size-16.icon-select.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-select {
  background-position: -442px -742px;
}
.icon.icon-size-16.icon-select.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-select {
  background-position: -542px -742px;
}
.icon.icon-size-16.icon-excel {
  background-position: -42px -842px;
}
.icon.icon-size-16.icon-excel:hover,
*:hover > .icon.icon-size-16.icon-excel {
  background-position: -142px -842px;
}
.icon.icon-size-16.icon-excel.normal,
*.normal > .icon.icon-size-16.icon-excel {
  background-position: -42px -842px;
}
.icon.icon-size-16.icon-excel.checked,
*.checked > .icon.icon-size-16.icon-excel {
  background-position: -242px -842px;
}
.icon.icon-size-16.icon-excel.disabled,
*.disabled > .icon.icon-size-16.icon-excel {
  background-position: -342px -842px;
}
.icon.icon-size-16.icon-excel.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-excel {
  background-position: -442px -842px;
}
.icon.icon-size-16.icon-excel.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-excel {
  background-position: -542px -842px;
}
.icon.icon-size-16.icon-close {
  background-position: -42px -942px;
}
.icon.icon-size-16.icon-close:hover,
*:hover > .icon.icon-size-16.icon-close {
  background-position: -142px -942px;
}
.icon.icon-size-16.icon-close.normal,
*.normal > .icon.icon-size-16.icon-close {
  background-position: -42px -942px;
}
.icon.icon-size-16.icon-close.checked,
*.checked > .icon.icon-size-16.icon-close {
  background-position: -242px -942px;
}
.icon.icon-size-16.icon-close.disabled,
*.disabled > .icon.icon-size-16.icon-close {
  background-position: -342px -942px;
}
.icon.icon-size-16.icon-close.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-close {
  background-position: -442px -942px;
}
.icon.icon-size-16.icon-close.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-close {
  background-position: -542px -942px;
}
.icon.icon-size-16.icon-search {
  background-position: -42px -1042px;
}
.icon.icon-size-16.icon-search:hover,
*:hover > .icon.icon-size-16.icon-search {
  background-position: -142px -1042px;
}
.icon.icon-size-16.icon-search.normal,
*.normal > .icon.icon-size-16.icon-search {
  background-position: -42px -1042px;
}
.icon.icon-size-16.icon-search.checked,
*.checked > .icon.icon-size-16.icon-search {
  background-position: -242px -1042px;
}
.icon.icon-size-16.icon-search.disabled,
*.disabled > .icon.icon-size-16.icon-search {
  background-position: -342px -1042px;
}
.icon.icon-size-16.icon-search.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-search {
  background-position: -442px -1042px;
}
.icon.icon-size-16.icon-search.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-search {
  background-position: -542px -1042px;
}
.icon.icon-size-16.icon-sort {
  background-position: -42px -1142px;
}
.icon.icon-size-16.icon-sort:hover,
*:hover > .icon.icon-size-16.icon-sort {
  background-position: -142px -1142px;
}
.icon.icon-size-16.icon-sort.normal,
*.normal > .icon.icon-size-16.icon-sort {
  background-position: -42px -1142px;
}
.icon.icon-size-16.icon-sort.checked,
*.checked > .icon.icon-size-16.icon-sort {
  background-position: -242px -1142px;
}
.icon.icon-size-16.icon-sort.disabled,
*.disabled > .icon.icon-size-16.icon-sort {
  background-position: -342px -1142px;
}
.icon.icon-size-16.icon-sort.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-sort {
  background-position: -442px -1142px;
}
.icon.icon-size-16.icon-sort.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-sort {
  background-position: -542px -1142px;
}
.icon.icon-size-16.icon-sort-down {
  background-position: -42px -1242px;
}
.icon.icon-size-16.icon-sort-down:hover,
*:hover > .icon.icon-size-16.icon-sort-down {
  background-position: -142px -1242px;
}
.icon.icon-size-16.icon-sort-down.normal,
*.normal > .icon.icon-size-16.icon-sort-down {
  background-position: -42px -1242px;
}
.icon.icon-size-16.icon-sort-down.checked,
*.checked > .icon.icon-size-16.icon-sort-down {
  background-position: -242px -1242px;
}
.icon.icon-size-16.icon-sort-down.disabled,
*.disabled > .icon.icon-size-16.icon-sort-down {
  background-position: -342px -1242px;
}
.icon.icon-size-16.icon-sort-down.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-sort-down {
  background-position: -442px -1242px;
}
.icon.icon-size-16.icon-sort-down.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-sort-down {
  background-position: -542px -1242px;
}
.icon.icon-size-16.icon-sort-up {
  background-position: -42px -1342px;
}
.icon.icon-size-16.icon-sort-up:hover,
*:hover > .icon.icon-size-16.icon-sort-up {
  background-position: -142px -1342px;
}
.icon.icon-size-16.icon-sort-up.normal,
*.normal > .icon.icon-size-16.icon-sort-up {
  background-position: -42px -1342px;
}
.icon.icon-size-16.icon-sort-up.checked,
*.checked > .icon.icon-size-16.icon-sort-up {
  background-position: -242px -1342px;
}
.icon.icon-size-16.icon-sort-up.disabled,
*.disabled > .icon.icon-size-16.icon-sort-up {
  background-position: -342px -1342px;
}
.icon.icon-size-16.icon-sort-up.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-sort-up {
  background-position: -442px -1342px;
}
.icon.icon-size-16.icon-sort-up.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-sort-up {
  background-position: -542px -1342px;
}
.icon.icon-size-16.icon-user-primary {
  background-position: -42px -1442px;
}
.icon.icon-size-16.icon-user-primary:hover,
*:hover > .icon.icon-size-16.icon-user-primary {
  background-position: -142px -1442px;
}
.icon.icon-size-16.icon-user-primary.normal,
*.normal > .icon.icon-size-16.icon-user-primary {
  background-position: -42px -1442px;
}
.icon.icon-size-16.icon-user-primary.checked,
*.checked > .icon.icon-size-16.icon-user-primary {
  background-position: -242px -1442px;
}
.icon.icon-size-16.icon-user-primary.disabled,
*.disabled > .icon.icon-size-16.icon-user-primary {
  background-position: -342px -1442px;
}
.icon.icon-size-16.icon-user-primary.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-user-primary {
  background-position: -442px -1442px;
}
.icon.icon-size-16.icon-user-primary.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-user-primary {
  background-position: -542px -1442px;
}
.icon.icon-size-16.icon-user {
  background-position: -42px -1542px;
}
.icon.icon-size-16.icon-user:hover,
*:hover > .icon.icon-size-16.icon-user {
  background-position: -142px -1542px;
}
.icon.icon-size-16.icon-user.normal,
*.normal > .icon.icon-size-16.icon-user {
  background-position: -42px -1542px;
}
.icon.icon-size-16.icon-user.checked,
*.checked > .icon.icon-size-16.icon-user {
  background-position: -242px -1542px;
}
.icon.icon-size-16.icon-user.disabled,
*.disabled > .icon.icon-size-16.icon-user {
  background-position: -342px -1542px;
}
.icon.icon-size-16.icon-user.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-user {
  background-position: -442px -1542px;
}
.icon.icon-size-16.icon-user.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-user {
  background-position: -542px -1542px;
}
.icon.icon-size-16.icon-setting {
  background-position: -42px -1642px;
}
.icon.icon-size-16.icon-setting:hover,
*:hover > .icon.icon-size-16.icon-setting {
  background-position: -142px -1642px;
}
.icon.icon-size-16.icon-setting.normal,
*.normal > .icon.icon-size-16.icon-setting {
  background-position: -42px -1642px;
}
.icon.icon-size-16.icon-setting.checked,
*.checked > .icon.icon-size-16.icon-setting {
  background-position: -242px -1642px;
}
.icon.icon-size-16.icon-setting.disabled,
*.disabled > .icon.icon-size-16.icon-setting {
  background-position: -342px -1642px;
}
.icon.icon-size-16.icon-setting.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-setting {
  background-position: -442px -1642px;
}
.icon.icon-size-16.icon-setting.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-setting {
  background-position: -542px -1642px;
}
.icon.icon-size-16.icon-ring {
  background-position: -42px -1742px;
}
.icon.icon-size-16.icon-ring:hover,
*:hover > .icon.icon-size-16.icon-ring {
  background-position: -142px -1742px;
}
.icon.icon-size-16.icon-ring.normal,
*.normal > .icon.icon-size-16.icon-ring {
  background-position: -42px -1742px;
}
.icon.icon-size-16.icon-ring.checked,
*.checked > .icon.icon-size-16.icon-ring {
  background-position: -242px -1742px;
}
.icon.icon-size-16.icon-ring.disabled,
*.disabled > .icon.icon-size-16.icon-ring {
  background-position: -342px -1742px;
}
.icon.icon-size-16.icon-ring.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-ring {
  background-position: -442px -1742px;
}
.icon.icon-size-16.icon-ring.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-ring {
  background-position: -542px -1742px;
}
.icon.icon-size-16.icon-slide-down {
  background-position: -42px -1842px;
}
.icon.icon-size-16.icon-slide-down:hover,
*:hover > .icon.icon-size-16.icon-slide-down {
  background-position: -142px -1842px;
}
.icon.icon-size-16.icon-slide-down.normal,
*.normal > .icon.icon-size-16.icon-slide-down {
  background-position: -42px -1842px;
}
.icon.icon-size-16.icon-slide-down.checked,
*.checked > .icon.icon-size-16.icon-slide-down {
  background-position: -242px -1842px;
}
.icon.icon-size-16.icon-slide-down.disabled,
*.disabled > .icon.icon-size-16.icon-slide-down {
  background-position: -342px -1842px;
}
.icon.icon-size-16.icon-slide-down.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-slide-down {
  background-position: -442px -1842px;
}
.icon.icon-size-16.icon-slide-down.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-slide-down {
  background-position: -542px -1842px;
}
.icon.icon-size-16.icon-plus-square {
  background-position: -42px -1942px;
}
.icon.icon-size-16.icon-plus-square:hover,
*:hover > .icon.icon-size-16.icon-plus-square {
  background-position: -142px -1942px;
}
.icon.icon-size-16.icon-plus-square.normal,
*.normal > .icon.icon-size-16.icon-plus-square {
  background-position: -42px -1942px;
}
.icon.icon-size-16.icon-plus-square.checked,
*.checked > .icon.icon-size-16.icon-plus-square {
  background-position: -242px -1942px;
}
.icon.icon-size-16.icon-plus-square.disabled,
*.disabled > .icon.icon-size-16.icon-plus-square {
  background-position: -342px -1942px;
}
.icon.icon-size-16.icon-plus-square.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-plus-square {
  background-position: -442px -1942px;
}
.icon.icon-size-16.icon-plus-square.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-plus-square {
  background-position: -542px -1942px;
}
.icon.icon-size-16.icon-less-square {
  background-position: -42px -2042px;
}
.icon.icon-size-16.icon-less-square:hover,
*:hover > .icon.icon-size-16.icon-less-square {
  background-position: -142px -2042px;
}
.icon.icon-size-16.icon-less-square.normal,
*.normal > .icon.icon-size-16.icon-less-square {
  background-position: -42px -2042px;
}
.icon.icon-size-16.icon-less-square.checked,
*.checked > .icon.icon-size-16.icon-less-square {
  background-position: -242px -2042px;
}
.icon.icon-size-16.icon-less-square.disabled,
*.disabled > .icon.icon-size-16.icon-less-square {
  background-position: -342px -2042px;
}
.icon.icon-size-16.icon-less-square.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-less-square {
  background-position: -442px -2042px;
}
.icon.icon-size-16.icon-less-square.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-less-square {
  background-position: -542px -2042px;
}
.icon.icon-size-16.icon-device-microphone {
  background-position: -42px -2142px;
}
.icon.icon-size-16.icon-device-microphone:hover,
*:hover > .icon.icon-size-16.icon-device-microphone {
  background-position: -142px -2142px;
}
.icon.icon-size-16.icon-device-microphone.normal,
*.normal > .icon.icon-size-16.icon-device-microphone {
  background-position: -42px -2142px;
}
.icon.icon-size-16.icon-device-microphone.checked,
*.checked > .icon.icon-size-16.icon-device-microphone {
  background-position: -242px -2142px;
}
.icon.icon-size-16.icon-device-microphone.disabled,
*.disabled > .icon.icon-size-16.icon-device-microphone {
  background-position: -342px -2142px;
}
.icon.icon-size-16.icon-device-microphone.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-microphone {
  background-position: -442px -2142px;
}
.icon.icon-size-16.icon-device-microphone.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-microphone {
  background-position: -542px -2142px;
}
.icon.icon-size-16.icon-device-camera {
  background-position: -42px -2242px;
}
.icon.icon-size-16.icon-device-camera:hover,
*:hover > .icon.icon-size-16.icon-device-camera {
  background-position: -142px -2242px;
}
.icon.icon-size-16.icon-device-camera.normal,
*.normal > .icon.icon-size-16.icon-device-camera {
  background-position: -42px -2242px;
}
.icon.icon-size-16.icon-device-camera.checked,
*.checked > .icon.icon-size-16.icon-device-camera {
  background-position: -242px -2242px;
}
.icon.icon-size-16.icon-device-camera.disabled,
*.disabled > .icon.icon-size-16.icon-device-camera {
  background-position: -342px -2242px;
}
.icon.icon-size-16.icon-device-camera.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-camera {
  background-position: -442px -2242px;
}
.icon.icon-size-16.icon-device-camera.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-camera {
  background-position: -542px -2242px;
}
.icon.icon-size-16.icon-device-headset {
  background-position: -42px -2342px;
}
.icon.icon-size-16.icon-device-headset:hover,
*:hover > .icon.icon-size-16.icon-device-headset {
  background-position: -142px -2342px;
}
.icon.icon-size-16.icon-device-headset.normal,
*.normal > .icon.icon-size-16.icon-device-headset {
  background-position: -42px -2342px;
}
.icon.icon-size-16.icon-device-headset.checked,
*.checked > .icon.icon-size-16.icon-device-headset {
  background-position: -242px -2342px;
}
.icon.icon-size-16.icon-device-headset.disabled,
*.disabled > .icon.icon-size-16.icon-device-headset {
  background-position: -342px -2342px;
}
.icon.icon-size-16.icon-device-headset.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-headset {
  background-position: -442px -2342px;
}
.icon.icon-size-16.icon-device-headset.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-headset {
  background-position: -542px -2342px;
}
.icon.icon-size-16.icon-device-network {
  background-position: -42px -2442px;
}
.icon.icon-size-16.icon-device-network:hover,
*:hover > .icon.icon-size-16.icon-device-network {
  background-position: -142px -2442px;
}
.icon.icon-size-16.icon-device-network.normal,
*.normal > .icon.icon-size-16.icon-device-network {
  background-position: -42px -2442px;
}
.icon.icon-size-16.icon-device-network.checked,
*.checked > .icon.icon-size-16.icon-device-network {
  background-position: -242px -2442px;
}
.icon.icon-size-16.icon-device-network.disabled,
*.disabled > .icon.icon-size-16.icon-device-network {
  background-position: -342px -2442px;
}
.icon.icon-size-16.icon-device-network.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-network {
  background-position: -442px -2442px;
}
.icon.icon-size-16.icon-device-network.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-network {
  background-position: -542px -2442px;
}
.icon.icon-size-16.icon-device-microphone-error {
  background-position: -42px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error:hover,
*:hover > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -142px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error.normal,
*.normal > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -42px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error.checked,
*.checked > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -242px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error.disabled,
*.disabled > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -342px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -442px -2542px;
}
.icon.icon-size-16.icon-device-microphone-error.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-microphone-error {
  background-position: -542px -2542px;
}
.icon.icon-size-16.icon-device-camera-error {
  background-position: -42px -2642px;
}
.icon.icon-size-16.icon-device-camera-error:hover,
*:hover > .icon.icon-size-16.icon-device-camera-error {
  background-position: -142px -2642px;
}
.icon.icon-size-16.icon-device-camera-error.normal,
*.normal > .icon.icon-size-16.icon-device-camera-error {
  background-position: -42px -2642px;
}
.icon.icon-size-16.icon-device-camera-error.checked,
*.checked > .icon.icon-size-16.icon-device-camera-error {
  background-position: -242px -2642px;
}
.icon.icon-size-16.icon-device-camera-error.disabled,
*.disabled > .icon.icon-size-16.icon-device-camera-error {
  background-position: -342px -2642px;
}
.icon.icon-size-16.icon-device-camera-error.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-camera-error {
  background-position: -442px -2642px;
}
.icon.icon-size-16.icon-device-camera-error.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-camera-error {
  background-position: -542px -2642px;
}
.icon.icon-size-16.icon-device-headset-error {
  background-position: -42px -2742px;
}
.icon.icon-size-16.icon-device-headset-error:hover,
*:hover > .icon.icon-size-16.icon-device-headset-error {
  background-position: -142px -2742px;
}
.icon.icon-size-16.icon-device-headset-error.normal,
*.normal > .icon.icon-size-16.icon-device-headset-error {
  background-position: -42px -2742px;
}
.icon.icon-size-16.icon-device-headset-error.checked,
*.checked > .icon.icon-size-16.icon-device-headset-error {
  background-position: -242px -2742px;
}
.icon.icon-size-16.icon-device-headset-error.disabled,
*.disabled > .icon.icon-size-16.icon-device-headset-error {
  background-position: -342px -2742px;
}
.icon.icon-size-16.icon-device-headset-error.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-headset-error {
  background-position: -442px -2742px;
}
.icon.icon-size-16.icon-device-headset-error.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-headset-error {
  background-position: -542px -2742px;
}
.icon.icon-size-16.icon-device-network-error {
  background-position: -42px -2842px;
}
.icon.icon-size-16.icon-device-network-error:hover,
*:hover > .icon.icon-size-16.icon-device-network-error {
  background-position: -142px -2842px;
}
.icon.icon-size-16.icon-device-network-error.normal,
*.normal > .icon.icon-size-16.icon-device-network-error {
  background-position: -42px -2842px;
}
.icon.icon-size-16.icon-device-network-error.checked,
*.checked > .icon.icon-size-16.icon-device-network-error {
  background-position: -242px -2842px;
}
.icon.icon-size-16.icon-device-network-error.disabled,
*.disabled > .icon.icon-size-16.icon-device-network-error {
  background-position: -342px -2842px;
}
.icon.icon-size-16.icon-device-network-error.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-network-error {
  background-position: -442px -2842px;
}
.icon.icon-size-16.icon-device-network-error.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-network-error {
  background-position: -542px -2842px;
}
.icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -42px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled:hover,
*:hover > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -142px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled.normal,
*.normal > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -42px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled.checked,
*.checked > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -242px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled.disabled,
*.disabled > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -342px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -442px -2942px;
}
.icon.icon-size-16.icon-device-microphone-disabled.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-microphone-disabled {
  background-position: -542px -2942px;
}
.icon.icon-size-16.icon-device-camera-disabled {
  background-position: -42px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled:hover,
*:hover > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -142px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled.normal,
*.normal > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -42px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled.checked,
*.checked > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -242px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled.disabled,
*.disabled > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -342px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -442px -3042px;
}
.icon.icon-size-16.icon-device-camera-disabled.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-camera-disabled {
  background-position: -542px -3042px;
}
.icon.icon-size-16.icon-device-headset-disabled {
  background-position: -42px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled:hover,
*:hover > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -142px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled.normal,
*.normal > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -42px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled.checked,
*.checked > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -242px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled.disabled,
*.disabled > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -342px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -442px -3142px;
}
.icon.icon-size-16.icon-device-headset-disabled.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-headset-disabled {
  background-position: -542px -3142px;
}
.icon.icon-size-16.icon-device-network-disabled {
  background-position: -42px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled:hover,
*:hover > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -142px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled.normal,
*.normal > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -42px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled.checked,
*.checked > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -242px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled.disabled,
*.disabled > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -342px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -442px -3242px;
}
.icon.icon-size-16.icon-device-network-disabled.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-device-network-disabled {
  background-position: -542px -3242px;
}
.icon.icon-size-16.icon-checked-true {
  background-position: -42px -3342px;
}
.icon.icon-size-16.icon-checked-true:hover,
*:hover > .icon.icon-size-16.icon-checked-true {
  background-position: -142px -3342px;
}
.icon.icon-size-16.icon-checked-true.normal,
*.normal > .icon.icon-size-16.icon-checked-true {
  background-position: -42px -3342px;
}
.icon.icon-size-16.icon-checked-true.checked,
*.checked > .icon.icon-size-16.icon-checked-true {
  background-position: -242px -3342px;
}
.icon.icon-size-16.icon-checked-true.disabled,
*.disabled > .icon.icon-size-16.icon-checked-true {
  background-position: -342px -3342px;
}
.icon.icon-size-16.icon-checked-true.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-checked-true {
  background-position: -442px -3342px;
}
.icon.icon-size-16.icon-checked-true.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-checked-true {
  background-position: -542px -3342px;
}
.icon.icon-size-16.icon-checked-false {
  background-position: -42px -3442px;
}
.icon.icon-size-16.icon-checked-false:hover,
*:hover > .icon.icon-size-16.icon-checked-false {
  background-position: -142px -3442px;
}
.icon.icon-size-16.icon-checked-false.normal,
*.normal > .icon.icon-size-16.icon-checked-false {
  background-position: -42px -3442px;
}
.icon.icon-size-16.icon-checked-false.checked,
*.checked > .icon.icon-size-16.icon-checked-false {
  background-position: -242px -3442px;
}
.icon.icon-size-16.icon-checked-false.disabled,
*.disabled > .icon.icon-size-16.icon-checked-false {
  background-position: -342px -3442px;
}
.icon.icon-size-16.icon-checked-false.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-checked-false {
  background-position: -442px -3442px;
}
.icon.icon-size-16.icon-checked-false.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-checked-false {
  background-position: -542px -3442px;
}
.icon.icon-size-16.icon-editpencil {
  background-position: -42px -3542px;
}
.icon.icon-size-16.icon-editpencil:hover,
*:hover > .icon.icon-size-16.icon-editpencil {
  background-position: -142px -3542px;
}
.icon.icon-size-16.icon-editpencil.normal,
*.normal > .icon.icon-size-16.icon-editpencil {
  background-position: -42px -3542px;
}
.icon.icon-size-16.icon-editpencil.checked,
*.checked > .icon.icon-size-16.icon-editpencil {
  background-position: -242px -3542px;
}
.icon.icon-size-16.icon-editpencil.disabled,
*.disabled > .icon.icon-size-16.icon-editpencil {
  background-position: -342px -3542px;
}
.icon.icon-size-16.icon-editpencil.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-editpencil {
  background-position: -442px -3542px;
}
.icon.icon-size-16.icon-editpencil.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-editpencil {
  background-position: -542px -3542px;
}
.icon.icon-size-16.icon-calendar {
  background-position: -42px -3642px;
}
.icon.icon-size-16.icon-calendar:hover,
*:hover > .icon.icon-size-16.icon-calendar {
  background-position: -142px -3642px;
}
.icon.icon-size-16.icon-calendar.normal,
*.normal > .icon.icon-size-16.icon-calendar {
  background-position: -42px -3642px;
}
.icon.icon-size-16.icon-calendar.checked,
*.checked > .icon.icon-size-16.icon-calendar {
  background-position: -242px -3642px;
}
.icon.icon-size-16.icon-calendar.disabled,
*.disabled > .icon.icon-size-16.icon-calendar {
  background-position: -342px -3642px;
}
.icon.icon-size-16.icon-calendar.disabled:hover,
*.disabled:hover > .icon.icon-size-16.icon-calendar {
  background-position: -442px -3642px;
}
.icon.icon-size-16.icon-calendar.disabled.checked,
*.disabled.checked > .icon.icon-size-16.icon-calendar {
  background-position: -542px -3642px;
}
.icon.icon-size-16.icon-asterisk:before {
  content: "*";
  font-size: 16px;
  color: #e24242;
}
.icon.icon-size-24 {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon_size_24.png);
}
.icon.icon-size-24.icon-clouddisk-folder {
  background-position: -38px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder:hover,
*:hover > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -138px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder.normal,
*.normal > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -38px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder.checked,
*.checked > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -238px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder.disabled,
*.disabled > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -338px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder.disabled:hover,
*.disabled:hover > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -438px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder.disabled.checked,
*.disabled.checked > .icon.icon-size-24.icon-clouddisk-folder {
  background-position: -538px -138px;
}
.icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -38px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system:hover,
*:hover > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -138px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system.normal,
*.normal > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -38px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system.checked,
*.checked > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -238px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system.disabled,
*.disabled > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -338px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system.disabled:hover,
*.disabled:hover > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -438px -238px;
}
.icon.icon-size-24.icon-clouddisk-folder-system.disabled.checked,
*.disabled.checked > .icon.icon-size-24.icon-clouddisk-folder-system {
  background-position: -538px -238px;
}
.icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -38px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring:hover,
*:hover > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -138px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring.normal,
*.normal > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -38px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring.checked,
*.checked > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -238px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring.disabled,
*.disabled > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -338px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring.disabled:hover,
*.disabled:hover > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -438px -338px;
}
.icon.icon-size-24.icon-sitetopbar-ring.disabled.checked,
*.disabled.checked > .icon.icon-size-24.icon-sitetopbar-ring {
  background-position: -538px -338px;
}
.icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -38px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit:hover,
*:hover > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -138px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit.normal,
*.normal > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -38px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit.checked,
*.checked > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -238px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit.disabled,
*.disabled > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -338px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit.disabled:hover,
*.disabled:hover > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -438px -438px;
}
.icon.icon-size-24.icon-sitetopbar-exit.disabled.checked,
*.disabled.checked > .icon.icon-size-24.icon-sitetopbar-exit {
  background-position: -538px -438px;
}
.icon.icon-avatar {
  background-image: url(../images/icon_avatar.png);
  background-repeat: no-repeat;
  border-radius: 20%;
}
.icon.icon-avatar img {
  border-radius: 20%;
}
.icon.icon-avatar .msgCounter {
  position: absolute;
  background-color: #f64;
  border-radius: 999px;
  text-align: center;
  color: #fff;
}
.icon.icon-avatar.border-1px {
  box-shadow: 0px 0px 0px 1px #fff;
}
.icon.icon-avatar.icon-size-20 {
  width: 20px;
  height: 20px;
  background-position: 0 0;
}
.icon.icon-avatar.icon-size-20 img {
  width: 20px;
  height: 20px;
}
.icon.icon-avatar.icon-size-30 {
  width: 30px;
  height: 30px;
  background-position: 0 -20px;
}
.icon.icon-avatar.icon-size-30 img {
  width: 30px;
  height: 30px;
}
.icon.icon-avatar.icon-size-40 {
  width: 40px;
  height: 40px;
  background-position: 0 -50px;
}
.icon.icon-avatar.icon-size-40 img {
  width: 40px;
  height: 40px;
}
.icon.icon-avatar.icon-size-40 .msgCounter {
  min-width: 18px;
  height: 18px;
  left: 27px;
  top: 1px;
  font-size: 12px;
  line-height: 17px;
}
.icon.icon-avatar.icon-size-50 {
  width: 50px;
  height: 50px;
  background-position: 0 -90px;
}
.icon.icon-avatar.icon-size-50 img {
  width: 50px;
  height: 50px;
}
.icon.icon-avatar.icon-size-50 .msgCounter {
  min-width: 18px;
  height: 18px;
  left: 32px;
  top: 0;
  font-size: 12px;
  line-height: 17px;
}
.icon.icon-avatar.icon-size-60 {
  width: 60px;
  height: 60px;
  background-position: 0 -140px;
}
.icon.icon-avatar.icon-size-60 img {
  width: 60px;
  height: 60px;
}
.icon.icon-avatar.icon-size-80 {
  width: 80px;
  height: 80px;
  background-position: 0 -200px;
}
.icon.icon-avatar.icon-size-80 img {
  width: 80px;
  height: 80px;
}
.icon.icon-avatar.icon-size-100 {
  width: 100px;
  height: 100px;
  background-position: 0 -280px;
}
.icon.icon-avatar.icon-size-100 img {
  width: 100px;
  height: 100px;
}
.icon.icon-avatar.icon-size-120 {
  width: 120px;
  height: 120px;
  background-position: 0 -380px;
}
.icon.icon-avatar.icon-size-120 img {
  width: 120px;
  height: 120px;
}
.icon.icon-radio,
.icon.icon-checkbox {
  position: relative;
  overflow: hidden;
}
.icon.icon-radio input[type="checkbox"],
.icon.icon-checkbox input[type="checkbox"],
.icon.icon-radio input[type="radio"],
.icon.icon-checkbox input[type="radio"] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.icon.icon-radio input[type="checkbox"]:disabled,
.icon.icon-checkbox input[type="checkbox"]:disabled,
.icon.icon-radio input[type="radio"]:disabled,
.icon.icon-checkbox input[type="radio"]:disabled {
  display: none;
}
.icon.icon-loading {
  width: 205px;
  height: 140px;
  background-image: url(../images/loading.gif);
}
.icon.icon-upload,
.icon.icon-uploadimg {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #d0d6df;
}
.icon.icon-upload:before,
.icon.icon-uploadimg:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  background-image: url(../images/icon_size_48.png);
  background-repeat: no-repeat;
  background-position: 0 -100px;
}
.icon.icon-upload:hover:before,
.icon.icon-uploadimg:hover:before {
  background-position: -100px -100px;
}
.icon.icon-upload img,
.icon.icon-uploadimg img {
  position: relative;
  display: block;
  z-index: 1;
}
.icon.icon-upload input[type="file"],
.icon.icon-uploadimg input[type="file"] {
  position: absolute;
  z-index: 2;
  min-width: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  font-size: 500px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.icon.icon-upload.disabled:before,
.icon.icon-uploadimg.disabled:before {
  display: none;
}
.icon.icon-upload:before {
  background-image: none;
}
.icon.icon-plus {
  position: relative;
  width: 50px;
  height: 50px;
  border: 2px dashed #9a9ba3;
  border-radius: 50%;
}
.icon.icon-plus:before,
.icon.icon-plus:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #aaabb2;
}
.icon.icon-plus:before {
  width: 60%;
  height: 2px;
  margin-left: -30%;
  margin-top: -1px;
}
.icon.icon-plus:after {
  width: 2px;
  height: 60%;
  margin-left: -1px;
  margin-top: -30%;
}
.icon.icon-minus {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #c5c8d0;
  border-radius: 50%;
}
.icon.icon-minus:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
}
.icon.icon-minus:before {
  width: 60%;
  height: 2px;
  margin-left: -30%;
  margin-top: -1px;
}
.icon.icon-empty {
  display: block;
  margin: auto;
  min-width: 120px;
  padding-top: 140px;
  background-image: url(../images/icon_empty.png);
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  font-size: 12px;
  color: #b3bec3;
}
.icon.icon-numBall {
  border-radius: 999px;
  text-align: center;
  background-color: #818e9b;
  color: #fff;
}
.icon.icon-numBall.icon-size-18 {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.icon.icon-numBall.checked,
*.checked > .icon.icon-numBall {
  background-color: #30ba78;
}
.popUpBox {
  position: fixed;
  z-index: 9999;
}
.popUpBox .popUpBoxBg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/modules/bg_gray_alpha50.png);
}
.popUpBox .popUpBoxFg {
  position: relative;
  padding-bottom: 55px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 7px 0px rgba(48, 186, 120, 0.1);
}
.popUpBox .popUpBoxFg .close {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  right: 3px;
  top: 3px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #777;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
}
.popUpBox .popUpBoxFg .close:hover:before {
  color: #333;
}
.popUpBox .popUpBoxFg .close:hover {
  color: #ccc;
}
.popUpBox .popUpBoxFg .popUpBoxTitle,
.popUpBox .popUpBoxFg .popUpBoxContent,
.popUpBox .popUpBoxFg .submitBtnBox {
  background-color: #fff;
}
.popUpBox .popUpBoxFg .popUpBoxTitle {
  height: 40px;
  padding: 0 0 0 20px;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  line-height: 40px;
  color: #333;
}
.popUpBox .popUpBoxFg .popUpBoxContent .shortCenterText {
  padding: 40px 10px;
  text-align: center;
}
.popUpBox .popUpBoxFg .submitBtnBox {
  position: absolute;
  width: 100%;
  height: 55px;
  left: 0;
  bottom: 0;
  padding: 10px;
  margin: 0;
  border-radius: 0 0 4px 4px;
  text-align: right;
}
.popUpBox .popUpBoxFg .submitBtnBox .col {
  display: inline-block;
  padding: 0px 6px;
}
.popUpBox .popUpBoxFg .submitBtnBox.alert {
  text-align: center;
}
.popUpBox .popUpBoxFg .submitBtnBox.confirm {
  text-align: right;
}
.popUpBox .popUpBoxFg .submitBtnBox .btn {
  display: inline-block;
  min-width: 126px;
}
.popUpBox .popUpBoxFg .submitBtnBox .btn.btn-default {
  border-color: transparent;
}
.popUpBox .popUpBoxFg .bubbleArrow {
  position: absolute;
  display: none;
  z-index: 1;
  background-repeat: no-repeat;
}
.popUpBox .popUpBoxFg .bubbleArrow.top {
  display: block;
  width: 0px;
  height: 0px;
  top: -7px;
  left: 0;
  border-top: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #398dee;
}
.popUpBox .popUpBoxFg .bubbleArrow.top:before {
  height: 1px;
  width: 36%;
  left: 32%;
  bottom: -1px;
}
.popUpBox .popUpBoxFg .bubbleArrow.bottom {
  display: block;
  width: 30px;
  height: 12px;
  bottom: -12px;
  left: 0;
  background-position: left bottom;
}
.popUpBox .popUpBoxFg .bubbleArrow.bottom:before {
  height: 1px;
  width: 36%;
  left: 32%;
  top: -1px;
}
.popUpBox.transparent .popUpBoxBg {
  background-color: transparent;
  background-image: none;
}
.popUpBox.transparent .popUpBoxFg {
  background-color: transparent;
  box-shadow: none;
}
.popUpBox.transparent .popUpBoxFg .popUpBoxTitle,
.popUpBox.transparent .popUpBoxFg .popUpBoxContent,
.popUpBox.transparent .popUpBoxFg .submitBtnBox {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
.popUpBox.textContent .popUpBoxFg .popUpBoxContent {
  padding: 20px 30px;
}
.popUpBox.fgTransparent .popUpBoxFg,
.popUpBox.wait .popUpBoxFg {
  background-color: transparent;
  box-shadow: none;
}
.popUpBox.fgTransparent .popUpBoxFg .popUpBoxTitle,
.popUpBox.wait .popUpBoxFg .popUpBoxTitle,
.popUpBox.fgTransparent .popUpBoxFg .popUpBoxContent,
.popUpBox.wait .popUpBoxFg .popUpBoxContent,
.popUpBox.fgTransparent .popUpBoxFg .submitBtnBox,
.popUpBox.wait .popUpBoxFg .submitBtnBox {
  background-color: transparent;
  border: 0;
}
.popUpBox.bgTransparent .popUpBoxBg {
  background-color: transparent;
  background-image: none;
}
.popUpBox.contentScroll .popUpBoxFg .popUpBoxContent {
  position: absolute;
  overflow: auto;
  width: 100%;
  left: 0;
  top: 40px;
  bottom: 55px;
}
.popUpBox.iframe .popUpBoxFg .popUpBoxContent,
.popUpBox.autoResize .popUpBoxFg .popUpBoxContent {
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  bottom: 55px;
}
.popUpBox.alert .popUpBoxFg .popUpBoxContent {
  min-width: 160px;
}
.popUpBox.confirm .popUpBoxFg .popUpBoxContent {
  min-width: 300px;
}
.popUpBox.noCloseBtn .popUpBoxFg .close {
  display: none;
}
.popUpBox.noTitleBar .popUpBoxFg .popUpBoxTitle {
  display: none;
}
.popUpBox.noTitleBar .popUpBoxFg .popUpBoxContent {
  border-top: 0;
}
.popUpBox.noSubmitBtn .popUpBoxFg {
  padding-bottom: 0;
}
.popUpBox.noSubmitBtn .popUpBoxFg .submitBtnBox {
  display: none;
}
.popUpBox.tips .popUpBoxFg {
  background-image: url(../images/modules/bg_black_alpha50.png);
  background-color: transparent;
  padding: 0;
}
.popUpBox.tips .popUpBoxFg .popUpBoxContent {
  padding: 10px 20px;
  color: #fff;
  background-color: transparent;
  border-radius: 4px;
}
.popUpBox.wait .popUpBoxFg .popUpBoxContent {
  min-width: 230px;
  padding: 20px;
  padding-top: 150px;
  background-color: transparent;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  color: #fff;
}
.popUpBox.textTips .popUpBoxFg {
  background-color: transparent;
  box-shadow: none;
}
.popUpBox.bubble,
.popUpBox.menu {
  border: 0;
}
.popUpBox.bubble .popUpBoxFg,
.popUpBox.menu .popUpBoxFg {
  position: relative;
  padding: 0;
  left: 0;
  top: 0;
  background-color: transparent;
  border: 0;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent,
.popUpBox.menu .popUpBoxFg .popUpBoxContent {
  position: relative;
  overflow: auto;
  max-height: 240px;
  padding: 0;
  background-color: #fbfbfb;
  border-radius: 3px;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox {
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn {
  padding: 8px;
  cursor: default;
  border-top: 1px solid #eee;
  white-space: nowrap;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:first-child,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:first-child {
  border-top-width: 0px;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover {
  background-position: 7px center;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuTipsBox,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuTipsBox {
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips {
  padding: 8px 16px 8px 16px;
  cursor: default;
  white-space: nowrap;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent,
.popUpBox.menu .popUpBoxFg .popUpBoxContent {
  border: 1px solid #eee;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox {
  background-color: #fff;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn {
  color: #333;
  background-color: #fff;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover {
  background-color: #efefef;
  color: #398dee;
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuTipsBox,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuTipsBox {
  background-image: url(../images/modules/bg_black_alpha50.png);
}
.popUpBox.bubble .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips,
.popUpBox.menu .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips {
  color: #fff;
}
.popUpBox.bubble.black_alpha80 .popUpBoxFg .popUpBoxContent .menuTipsBox,
.popUpBox.menu.black_alpha80 .popUpBoxFg .popUpBoxContent .menuTipsBox {
  background-image: url(../images/modules/bg_black_alpha80.png);
}
.popUpBox.bubble.black_alpha80 .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips,
.popUpBox.menu.black_alpha80 .popUpBoxFg .popUpBoxContent .menuTipsBox .menuTips {
  color: #fff;
}
.popUpBox.bubble.black_alpha80 .popUpBoxFg .bubbleArrow,
.popUpBox.menu.black_alpha80 .popUpBoxFg .bubbleArrow {
  background-image: url(../images/modules/icon_menu_arrow_black_alpha80.png);
}
.popUpBox.bubble.black_alpha80 .popUpBoxFg .bubbleArrow:before,
.popUpBox.menu.black_alpha80 .popUpBoxFg .bubbleArrow:before {
  background-image: url(../images/modules/bg_black_alpha80.png);
}
.popUpBox.bubble.black .popUpBoxFg .popUpBoxContent,
.popUpBox.menu.black .popUpBoxFg .popUpBoxContent {
  border: 1px solid #61626a;
}
.popUpBox.bubble.black .popUpBoxFg .popUpBoxContent .menuBtnBox,
.popUpBox.menu.black .popUpBoxFg .popUpBoxContent .menuBtnBox {
  background-color: #52535b;
}
.popUpBox.bubble.black .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn,
.popUpBox.menu.black .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn {
  color: #fff;
  background-color: #52535b;
  border-top-color: #61626a;
}
.popUpBox.bubble.black .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover,
.popUpBox.menu.black .popUpBoxFg .popUpBoxContent .menuBtnBox .menuBtn:hover {
  background-color: #47484f;
}
.popUpBox.bubble.black .popUpBoxFg .bubbleArrow,
.popUpBox.menu.black .popUpBoxFg .bubbleArrow {
  background-image: url(../images/modules/icon_menu_arrow.png);
}
.popUpBox.bubble.black .popUpBoxFg .bubbleArrow:before,
.popUpBox.menu.black .popUpBoxFg .bubbleArrow:before {
  background-color: #52535b;
}
.popUpBox.bubble .popUpBoxFg {
  border: 1px solid #398dee;
}
.popUpBox .hoverTipsBox {
  overflow: auto;
  position: relative;
  padding: 10px;
  max-width: 420px;
  max-height: 480px;
  background-color: #fbfbfb;
  border: 1px solid #398dee;
  border-radius: 2px;
  left: 5px;
  top: -5px;
  font-size: 12px;
  box-shadow: 0px 4px 7px 0px rgba(48, 186, 120, 0.1);
}
.popUpBox .hoverTipsBox .hoverTipsTitle {
  position: relative;
  padding-left: 10px;
  margin-bottom: 2px;
  color: #398dee;
}
.popUpBox .hoverTipsBox .hoverTipsTitle:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-color: #398dee;
  border-radius: 50%;
}
.popUpBox .hoverTipsBox .hoverTipsDescription {
  padding-left: 10px;
}
.popUpBox .hoverTipsBox .hoverTipsContent {
  color: #b2bac2;
}
.popUpBox.selectDisabled {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.popUpBox.selectDisabled input,
.popUpBox.selectDisabled textarea {
  user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  -moz-user-select: auto;
}
.datepicker {
  box-sizing: content-box;
  height: 270px;
  background-color: #fff;
  border: 1px solid #EBEDF7;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.datepicker:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker .canlendar {
  float: left;
  height: 100%;
  padding: 4px;
  border-left: 1px solid #f7f7f7;
}
.datepicker .canlendar:nth-child(1) {
  border-left: 1px solid #fff;
}
.datepicker .canlendar .canlendarTitle {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.datepicker .canlendar .canlendarTitle .btn.dateTitle {
  text-align: center;
  display: block;
}
.datepicker .canlendar .canlendarTitle .btn.prev {
  position: absolute;
  left: 0;
  top: 0;
}
.datepicker .canlendar .canlendarTitle .btn.prev:before {
  font-family: terminal;
  content: '<';
}
.datepicker .canlendar .canlendarTitle .btn.next {
  position: absolute;
  right: 0;
  top: 0;
}
.datepicker .canlendar .canlendarTitle .btn.next:before {
  font-family: terminal;
  content: '>';
}
.datepicker .canlendar .canlendarContent .canlendarTable {
  position: relative;
  display: block;
}
.datepicker .canlendar .canlendarContent .canlendarTable:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker .canlendar .canlendarContent .canlendarTable:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker .canlendar .canlendarContent .canlendarTable .thead,
.datepicker .canlendar .canlendarContent .canlendarTable .tbody,
.datepicker .canlendar .canlendarContent .canlendarTable .tr {
  display: block;
}
.datepicker .canlendar .canlendarContent .canlendarTable .thead:after,
.datepicker .canlendar .canlendarContent .canlendarTable .tbody:after,
.datepicker .canlendar .canlendarContent .canlendarTable .tr:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker .canlendar .canlendarContent .canlendarTable .thead:after,
.datepicker .canlendar .canlendarContent .canlendarTable .tbody:after,
.datepicker .canlendar .canlendarContent .canlendarTable .tr:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker .canlendar .canlendarContent .canlendarTable .thead .th {
  float: left;
  font-size: 12px;
  line-height: 36px;
}
.datepicker .canlendar .canlendarContent .canlendarTable .td {
  position: relative;
  float: left;
  text-align: center;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td .dayNumber {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  text-align: center;
  line-height: 24px;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td .dayNumber {
  color: #818e9b;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.today .dayNumber {
  position: relative;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.today .dayNumber:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  left: 50%;
  top: 3px;
  margin-left: 6px;
  background-color: #30ba78;
  border-radius: 50%;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.inRange .dayNumber {
  width: 100%;
  left: 0;
  margin-left: 0;
  border-radius: 0;
  background-color: #efefef;
  color: #30BA78;
  font-weight: bold;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.disabled .dayNumber,
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.disabled:hover .dayNumber {
  background-color: transparent;
  color: #f5f5f5;
  cursor: not-allowed;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td:hover .dayNumber {
  color: #30ba78;
}
.datepicker .canlendar .canlendarContent .canlendarTable.date .tr .td.checked .dayNumber {
  background-color: #efefef;
  color: #30BA78;
  font-weight: bold;
}
.datepicker .canlendar .canlendarContent .canlendarTable.year .thead {
  height: 20px;
}
.datepicker .canlendar .canlendarContent .canlendarTable.year .td {
  position: relative;
}
.datepicker .canlendar .canlendarContent .canlendarTable.year .td .yearNumber {
  position: absolute;
  width: 100%;
  height: 24px;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.datepicker .canlendar .canlendarContent .canlendarTable.month .td {
  position: relative;
}
.datepicker .canlendar .canlendarContent .canlendarTable.month .td .monthNumber {
  position: absolute;
  width: 100%;
  height: 24px;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.popUpBox.dial,
.popUpBox.dial .popUpBoxFg,
.popUpBox.dial .popUpBoxFg .popUpBoxContent {
  border-radius: 50%;
  background-color: transparent;
  border: 0;
}
.dialPlate {
  position: relative;
  left: -50%;
  margin-left: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.dialPlate .valueBtn {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border: 1px solid #006600;
  border-radius: 50%;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.dialPlate .valueBtn:hover {
  background-color: #eee;
}
.scrollBar {
  position: absolute;
}
.scrollBar:before {
  content: '';
  display: block;
  background-color: #eee;
  width: 100%;
  height: 100%;
  opacity: .5;
}
.scrollBar .scrollBtn {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #666;
  border-radius: 100px;
  border: 0;
  opacity: .5;
}
.scrollBar.vertical {
  width: 10px;
  top: 0;
  right: 0;
  bottom: 0;
}
.scrollBar.vertical .scrollBtn {
  /*width: 100%;
            right: 0;*/
  width: 8px;
  left: 1px;
  min-height: 5px;
}
.scrollBar.horizontal {
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}
.scrollBar.horizontal .scrollBtn {
  /*height: 100%;
            bottom: 0;*/
  top: 1px;
  height: 8px;
  min-width: 5px;
  transition: .3;
}
.tabBox {
  border: 1px solid #ddd;
  background-color: #fff;
}
.tabBox .btnGroup:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.tabBox .btnGroup .tab {
  float: left;
  position: relative;
  padding: 4px 8px;
  background-color: #ccc;
}
.tabBox .btnGroup .tab:nth-child(1) {
  border-radius: 2px 0 0 2px;
}
.tabBox .btnGroup .tab:nth-last-child(1) {
  border-radius: 0 2px 2px 0;
}
.tabBox .btnGroup .tab.checked {
  background-color: #37af62;
  color: #fff;
}
.tabBox .tabConList .tabCon {
  display: none;
}
.tabBox .tabConList .tabCon.checked {
  display: block;
}
.starLevel {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 20px;
  background-image: url(../images/bg_starlevel.png);
  background-position: 0 0;
}
.starLevel:before {
  display: block;
  content: '';
  height: 20px;
  background-image: url(../images/bg_starlevel.png);
  background-position: 0 -20px;
}
.starLevel[data-innerwidth="0"]:before {
  width: 0%;
}
.starLevel[data-innerwidth="1"]:before {
  width: 1%;
}
.starLevel[data-innerwidth="2"]:before {
  width: 2%;
}
.starLevel[data-innerwidth="3"]:before {
  width: 3%;
}
.starLevel[data-innerwidth="4"]:before {
  width: 4%;
}
.starLevel[data-innerwidth="5"]:before {
  width: 5%;
}
.starLevel[data-innerwidth="6"]:before {
  width: 6%;
}
.starLevel[data-innerwidth="7"]:before {
  width: 7%;
}
.starLevel[data-innerwidth="8"]:before {
  width: 8%;
}
.starLevel[data-innerwidth="9"]:before {
  width: 9%;
}
.starLevel[data-innerwidth="10"]:before {
  width: 10%;
}
.starLevel[data-innerwidth="11"]:before {
  width: 11%;
}
.starLevel[data-innerwidth="12"]:before {
  width: 12%;
}
.starLevel[data-innerwidth="13"]:before {
  width: 13%;
}
.starLevel[data-innerwidth="14"]:before {
  width: 14%;
}
.starLevel[data-innerwidth="15"]:before {
  width: 15%;
}
.starLevel[data-innerwidth="16"]:before {
  width: 16%;
}
.starLevel[data-innerwidth="17"]:before {
  width: 17%;
}
.starLevel[data-innerwidth="18"]:before {
  width: 18%;
}
.starLevel[data-innerwidth="19"]:before {
  width: 19%;
}
.starLevel[data-innerwidth="20"]:before {
  width: 20%;
}
.starLevel[data-innerwidth="21"]:before {
  width: 21%;
}
.starLevel[data-innerwidth="22"]:before {
  width: 22%;
}
.starLevel[data-innerwidth="23"]:before {
  width: 23%;
}
.starLevel[data-innerwidth="24"]:before {
  width: 24%;
}
.starLevel[data-innerwidth="25"]:before {
  width: 25%;
}
.starLevel[data-innerwidth="26"]:before {
  width: 26%;
}
.starLevel[data-innerwidth="27"]:before {
  width: 27%;
}
.starLevel[data-innerwidth="28"]:before {
  width: 28%;
}
.starLevel[data-innerwidth="29"]:before {
  width: 29%;
}
.starLevel[data-innerwidth="30"]:before {
  width: 30%;
}
.starLevel[data-innerwidth="31"]:before {
  width: 31%;
}
.starLevel[data-innerwidth="32"]:before {
  width: 32%;
}
.starLevel[data-innerwidth="33"]:before {
  width: 33%;
}
.starLevel[data-innerwidth="34"]:before {
  width: 34%;
}
.starLevel[data-innerwidth="35"]:before {
  width: 35%;
}
.starLevel[data-innerwidth="36"]:before {
  width: 36%;
}
.starLevel[data-innerwidth="37"]:before {
  width: 37%;
}
.starLevel[data-innerwidth="38"]:before {
  width: 38%;
}
.starLevel[data-innerwidth="39"]:before {
  width: 39%;
}
.starLevel[data-innerwidth="40"]:before {
  width: 40%;
}
.starLevel[data-innerwidth="41"]:before {
  width: 41%;
}
.starLevel[data-innerwidth="42"]:before {
  width: 42%;
}
.starLevel[data-innerwidth="43"]:before {
  width: 43%;
}
.starLevel[data-innerwidth="44"]:before {
  width: 44%;
}
.starLevel[data-innerwidth="45"]:before {
  width: 45%;
}
.starLevel[data-innerwidth="46"]:before {
  width: 46%;
}
.starLevel[data-innerwidth="47"]:before {
  width: 47%;
}
.starLevel[data-innerwidth="48"]:before {
  width: 48%;
}
.starLevel[data-innerwidth="49"]:before {
  width: 49%;
}
.starLevel[data-innerwidth="50"]:before {
  width: 50%;
}
.starLevel[data-innerwidth="51"]:before {
  width: 51%;
}
.starLevel[data-innerwidth="52"]:before {
  width: 52%;
}
.starLevel[data-innerwidth="53"]:before {
  width: 53%;
}
.starLevel[data-innerwidth="54"]:before {
  width: 54%;
}
.starLevel[data-innerwidth="55"]:before {
  width: 55%;
}
.starLevel[data-innerwidth="56"]:before {
  width: 56%;
}
.starLevel[data-innerwidth="57"]:before {
  width: 57%;
}
.starLevel[data-innerwidth="58"]:before {
  width: 58%;
}
.starLevel[data-innerwidth="59"]:before {
  width: 59%;
}
.starLevel[data-innerwidth="60"]:before {
  width: 60%;
}
.starLevel[data-innerwidth="61"]:before {
  width: 61%;
}
.starLevel[data-innerwidth="62"]:before {
  width: 62%;
}
.starLevel[data-innerwidth="63"]:before {
  width: 63%;
}
.starLevel[data-innerwidth="64"]:before {
  width: 64%;
}
.starLevel[data-innerwidth="65"]:before {
  width: 65%;
}
.starLevel[data-innerwidth="66"]:before {
  width: 66%;
}
.starLevel[data-innerwidth="67"]:before {
  width: 67%;
}
.starLevel[data-innerwidth="68"]:before {
  width: 68%;
}
.starLevel[data-innerwidth="69"]:before {
  width: 69%;
}
.starLevel[data-innerwidth="70"]:before {
  width: 70%;
}
.starLevel[data-innerwidth="71"]:before {
  width: 71%;
}
.starLevel[data-innerwidth="72"]:before {
  width: 72%;
}
.starLevel[data-innerwidth="73"]:before {
  width: 73%;
}
.starLevel[data-innerwidth="74"]:before {
  width: 74%;
}
.starLevel[data-innerwidth="75"]:before {
  width: 75%;
}
.starLevel[data-innerwidth="76"]:before {
  width: 76%;
}
.starLevel[data-innerwidth="77"]:before {
  width: 77%;
}
.starLevel[data-innerwidth="78"]:before {
  width: 78%;
}
.starLevel[data-innerwidth="79"]:before {
  width: 79%;
}
.starLevel[data-innerwidth="80"]:before {
  width: 80%;
}
.starLevel[data-innerwidth="81"]:before {
  width: 81%;
}
.starLevel[data-innerwidth="82"]:before {
  width: 82%;
}
.starLevel[data-innerwidth="83"]:before {
  width: 83%;
}
.starLevel[data-innerwidth="84"]:before {
  width: 84%;
}
.starLevel[data-innerwidth="85"]:before {
  width: 85%;
}
.starLevel[data-innerwidth="86"]:before {
  width: 86%;
}
.starLevel[data-innerwidth="87"]:before {
  width: 87%;
}
.starLevel[data-innerwidth="88"]:before {
  width: 88%;
}
.starLevel[data-innerwidth="89"]:before {
  width: 89%;
}
.starLevel[data-innerwidth="90"]:before {
  width: 90%;
}
.starLevel[data-innerwidth="91"]:before {
  width: 91%;
}
.starLevel[data-innerwidth="92"]:before {
  width: 92%;
}
.starLevel[data-innerwidth="93"]:before {
  width: 93%;
}
.starLevel[data-innerwidth="94"]:before {
  width: 94%;
}
.starLevel[data-innerwidth="95"]:before {
  width: 95%;
}
.starLevel[data-innerwidth="96"]:before {
  width: 96%;
}
.starLevel[data-innerwidth="97"]:before {
  width: 97%;
}
.starLevel[data-innerwidth="98"]:before {
  width: 98%;
}
.starLevel[data-innerwidth="99"]:before {
  width: 99%;
}
.starLevel[data-innerwidth="100"]:before {
  width: 100%;
}
input[data-quickclear]::-ms-clear {
  display: none;
}
input[data-quickclear].hasValue {
  background-image: none;
}
.icon-close[data-type="clear-button"] {
  position: relative;
  margin-left: -24px;
  cursor: pointer;
}
input[data-tips],
textarea[data-tips] {
  color: #8a8a8a;
}
input[data-tips].focus,
textarea[data-tips].focus {
  color: #333;
}
.form-control.selectInput {
  padding-right: 24px;
  background-image: url(../images/modules/icon_select_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
.select {
  display: inline-block;
  position: relative;
}
.select .optionList {
  position: absolute;
  overflow: auto;
  z-index: 9998;
  display: none;
  max-height: 300px;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.select .optionList li {
  padding: 6px 12px;
  white-space: nowrap;
}
.select .optionList li a {
  display: block;
  padding: 12px;
  margin: -12px;
}
.select .optionList li:hover {
  background-color: #f3f7f7;
  color: #398dee;
}
.select .optionList li.selected {
  color: #398dee;
}
.select.open .optionList {
  display: block;
}
[data-type="searchbar"] {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: 1px solid #d0d6df;
  border-radius: 3px;
}
[data-type="searchbar"] [data-type="search-input"],
[data-type="searchbar"] .searchInput {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  background-color: transparent;
  border: 0;
}
[data-type="searchbar"] [data-type="search-button"] {
  display: inline-block;
  width: 33px;
  height: 31px;
  background-color: transparent;
  background-image: url(../images/modules/icon_searchbtn.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
}
[data-type="starLevel"] {
  position: relative;
  width: 240px;
  height: 30px;
  background-color: #ccc;
}
[data-type="starLevel"] .progressBar {
  width: 0;
  height: 100%;
  background-color: #aaa;
}
.inputErrorTips {
  position: absolute;
  display: block;
  left: 0;
  line-height: 20px;
  color: #ff5367;
  font-size: 12px;
}
.textareaLimitText {
  display: block;
  position: relative;
  right: 6px;
  text-align: right;
  color: #aaa;
}
.input-group input.form-control,
.input-group input.form-control:not(:first-child):not(:last-child) {
  border-radius: 3px;
}
textarea.transparent {
  background-color: transparent;
  border: 0;
}
.btnGroup .btn {
  background-color: #eee;
  border-radius: 0px;
}
.btnGroup .btn:nth-child(1) {
  border-radius: 2px 0 0 2px;
}
.btnGroup .btn:nth-last-child(1) {
  border-radius: 0 2px 2px 0;
}
.btnGroup .btn.checked {
  background-color: #398dee;
  border: 1px solid #398dee;
  color: #fff;
}
.btnGroup .btn.checked:hover {
  background-color: #2a87f3;
  border: 1px solid #2a87f3;
}
.btnGroup .btn.checked:active {
  background-color: #398dee;
  border: 1px solid #398dee;
}
.btnGroup .btn.checked.btn-inverse {
  color: #398dee;
  background-color: #fff;
}
.btnGroup.followLine .btn {
  padding: 16px;
  background-color: transparent;
}
.btnGroup.followLine .btn:nth-child(1) {
  border-radius: 0;
}
.btnGroup.followLine .btn:nth-last-child(1) {
  border-radius: 0;
}
.btnGroup.followLine .btn:hover {
  color: #398dee;
}
.btnGroup.followLine .btn.checked {
  padding-bottom: 12px;
  border-bottom: 4px solid #398dee;
  color: #398dee;
}
.closeX {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.closeX:hover:before {
  color: #666;
}
.closeX:before {
  content: '×';
  display: block;
  width: 20px;
  height: 20px;
  color: #999;
  line-height: 18px;
  text-align: center;
}
.passwordLevel {
  position: relative;
  height: 10px;
  margin-top: 10px;
  margin-right: 60px;
  background-color: #ccc;
}
.passwordLevel .bar {
  width: 0%;
  height: 10px;
}
.passwordLevel .bar.level-1 {
  background-color: #c00;
}
.passwordLevel .bar.level-2 {
  background-color: #f70;
}
.passwordLevel .bar.level-3 {
  background-color: #f60;
}
.passwordLevel .bar.level-4 {
  background-color: #af0;
}
.passwordLevel .bar.level-5 {
  background-color: #0b0;
}
.passwordLevel .text {
  position: absolute;
  width: 60px;
  height: 30px;
  right: -60px;
  top: -10px;
  line-height: 30px;
  text-align: center;
}
.fileSelectorInput {
  position: relative;
  overflow: hidden;
  width: 150px;
  text-align: center;
}
.fileSelectorInput .icon {
  margin-right: 6px;
}
.fileSelectorInput .context {
  white-space: nowrap;
}
.fileSelectorInput:after {
  content: "";
  display: block;
  clear: both;
}
.fileSelectorInput:after {
  content: "";
  display: block;
  clear: both;
}
.fileSelectorInput.selected {
  text-align: center;
}
.fileSelectorInput.selected .icon {
  display: none;
}
.fileSelectorInput.selected:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 8px;
  min-height: 14px;
  left: 0px;
  top: 50%;
  margin-top: -7px;
  background-color: #398dee;
}
.fileSelectorInput.selected:hover:before {
  background-color: #2a87f3;
}
.fileSelectorInput.selected .context {
  padding-left: 0;
}
.fileSelectorInput.btn-sm {
  width: auto;
  max-width: 80px;
}
.fileSelectorInput.btn-sm.selected:before {
  left: -5px;
}
.fileSelectorInput.disabled,
.fileSelectorInput.disabled:hover {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #b2bbc2;
  cursor: not-allowed;
}
.fileSelectorInput.disabled:before,
.fileSelectorInput.disabled:hover:before {
  background-color: #fafafa;
}
.selectSearchGroup {
  display: inline-block;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.selectSearchGroup [data-type="select"] input {
  border: none;
}
.selectSearchGroup [data-type="searchbar"] {
  border: 0;
  border-left: 1px solid #ccc;
}
.selectSearchGroup [data-type="searchbar"] input {
  border: none;
}
.selectSearchGroup [data-type="searchbar"] input[type="button"] {
  height: 26px;
}
.selectSearchGroup input[type="text"].form-control {
  height: 26px;
  padding: 5px 12px;
}
.weekdayCheckBtnGroup {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
}
.weekdayCheckBtnGroup .dayBtn .icon-checkbox {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 2px 4px;
  margin-right: 10px;
  background-image: none;
  border: 1px solid #d0d6df;
}
.weekdayCheckBtnGroup .dayBtn .icon-checkbox input {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.weekdayCheckBtnGroup .dayBtn .icon-checkbox.checked {
  background-color: #398dee;
  border-color: #398dee;
  color: #fff;
}
.weekdayCheckBtnGroup .valueTips {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1px 4px;
  background-color: #efefef;
  color: #999;
  font-size: 12px;
}
.weekdayCheckBtnGroup .valueTips.error {
  background-color: transparent;
  color: #f00;
}
.listTable .thead {
  display: table-header-group;
  vertical-align: middle;
  background-color: #fafafa;
}
.listTable .thead .sortBtn {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  cursor: pointer;
}
.listTable .thead .sortBtn .icon-size-16 {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.listTable .tbody {
  display: table-row-group;
  vertical-align: middle;
}
.listTable .tbody .tr:hover {
  background-color: #f4f7fd;
}
.listTable .tr {
  display: table-row;
  vertical-align: inherit;
  width: 100%;
}
.listTable .th,
.listTable .td {
  display: table-cell;
  vertical-align: inherit;
  padding: 5px;
}
.listTable .th.vaTop,
.listTable .td.vaTop {
  vertical-align: top;
}
.listTable.layout-tbodyscroll {
  position: relative;
  display: block;
}
.listTable.layout-tbodyscroll .thead {
  display: table;
}
.listTable.layout-tbodyscroll .tbodyScrollBox {
  overflow: auto;
}
.listTable.layout-tbodyscroll .tbodyScrollBox .tbody {
  display: table;
  width: 100%;
}
.listTable.layout-tbodyscroll:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
  border-right: 1px solid #ebedf7;
}
.listTable.layout-tbodyscroll:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #ebedf7;
}
.listTable.border-solid {
  border-left: 1px solid #ebedf7;
  border-top: 1px solid #ebedf7;
}
.listTable.border-solid .th,
.listTable.border-solid .td {
  border-right: 1px solid #ebedf7;
  border-bottom: 1px solid #ebedf7;
}
.listTable.border-horizontal {
  border-left: 0;
}
.listTable.border-horizontal .th,
.listTable.border-horizontal .td {
  border-right: 0;
}
.listTable.border-horizontal:before {
  border-right: 0;
}
.listTableEmptyTips {
  padding: 120px 0;
}
.listTableEmptyTips.border-solid {
  border: 1px solid #ebedf7;
  border-top: 0;
}
.listFormBox .listForm {
  display: table;
  width: 100%;
}
.listFormBox .listForm .formLi {
  display: table-row;
}
.listFormBox .listForm .formLi .liTitle,
.listFormBox .listForm .formLi .liContent {
  position: relative;
  display: table-cell;
  padding: 12px;
  vertical-align: top;
}
.listFormBox .listForm .formLi .liTitle.content-size-16,
.listFormBox .listForm .formLi .liContent.content-size-16 {
  padding: 0;
  padding-left: 10px;
  padding-top: 20px;
}
.listFormBox .listForm .formLi .liTitle {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.listFormBox .listForm .formLi .liTitle .titleText {
  padding-top: 9px;
  line-height: 1;
  color: #818e9b;
}
.listFormBox .formFooter {
  padding-top: 40px;
  text-align: center;
}
.pageNumberBox {
  text-align: right;
  padding: 20px 0;
}
.pageNumberBox:after {
  content: "";
  display: block;
  clear: both;
}
.pageNumberBox:after {
  content: "";
  display: block;
  clear: both;
}
.pageNumberBox .leftPart {
  float: left;
}
.pageNumberBox .rightPart {
  float: right;
}
.pageNumberBox .perpageInfo input[type="text"],
.pageNumberBox .pageJumpInfo input[type="text"] {
  width: 32px;
  height: 32px;
  padding: 9px 2px;
  margin: 0 5px;
  border: 1px solid #b2bac2;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
}
.pageNumberBox .perpageInfo {
  margin-right: 10px;
}
.pageNumberBox .pageJumpInfo {
  margin-left: 10px;
}
.pageNumberBox .pageBtnList {
  display: inline-block;
}
.pageNumberBox .pageBtnList .pageBtn {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  padding: 0px 8px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #b2bac2;
  border-radius: 2px;
  font-size: 12px;
  line-height: 30px;
  color: #b2bac2;
  text-align: center;
  cursor: pointer;
}
.pageNumberBox .pageBtnList .pageBtn[data-value="..."] {
  cursor: default;
  border-color: transparent;
}
.pageNumberBox .pageBtnList .pageBtn:hover {
  border-color: #398dee;
  color: #398dee;
}
.pageNumberBox .pageBtnList .pageBtn.checked {
  position: relative;
  background-color: #398dee;
  border-color: #398dee;
  color: #fff;
  cursor: default;
}
.selectWrap .selectCount {
  margin-left: 10px;
}
.selectWrap .selectCount:before {
  content: '(';
}
.selectWrap .checkedInfo {
  display: inline-block;
}
.selectWrap .checkedInfo:before {
  content: '/';
}
.selectWrap .checkedInfo:after {
  content: ')';
}
.addContactTools {
  position: absolute;
  overflow: visible;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.addContactTools .infoBar {
  position: relative;
  height: 55px;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.addContactTools .infoBar .rightPart {
  position: absolute;
  height: 32px;
  right: 10px;
  top: 50%;
  margin-top: -16px;
}
.addContactTools .infoBar .btnGroup {
  float: left;
}
.addContactTools .infoBar .btnGroup.followLine {
  margin-left: -10px;
  margin-top: -10px;
}
.addContactTools .infoBar .invite-btn {
  display: inline-block;
  vertical-align: middle;
  float: right;
  padding: 6px 16px;
  margin-left: 10px;
  border-radius: 50px;
}
.addContactTools .infoBar .tipsBar {
  float: left;
  margin-right: 30px;
}
.addContactTools .infoBar .tipsBar .totalWrap,
.addContactTools .infoBar .tipsBar .selectWrap {
  display: inline-block;
  line-height: 35px;
}
.addContactTools .infoBar .tipsBar .totalWrap .totalText:after {
  content: '：';
}
.addContactTools .infoBar .tipsBar .selectWrap {
  margin-left: 25px;
}
.addContactTools .infoBar .tipsBar .selectWrap .checkedInfo {
  display: inline-block;
}
.addContactTools .infoBar .tipsBar .selectWrap .checkedInfo:before {
  content: '/';
}
.addContactTools .infoBar .tipsBar:after {
  content: '';
  display: table;
  clear: both;
}
.addContactTools .infoBar [data-type="searchbar"] {
  float: left;
}
.addContactTools .contactList {
  position: absolute;
  z-index: 2;
  overflow: auto;
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0;
}
.addContactTools .contactList .initialsLine {
  padding: 2px 8px;
  margin-top: 20px;
  background-color: #e4e8f2;
  color: #999;
  text-transform: uppercase;
}
.addContactTools .contactList .initialsLine:nth-child(1) {
  margin-top: 0;
}
.addContactTools .contactList .contact,
.addContactTools .contactList .groupContact {
  position: relative;
  height: 64px;
  padding: 10px 10px 10px 70px;
  border-bottom: 1px solid #f3f3f3;
}
.addContactTools .contactList .contact .name,
.addContactTools .contactList .groupContact .name,
.addContactTools .contactList .contact .description,
.addContactTools .contactList .groupContact .description,
.addContactTools .contactList .contact .phone,
.addContactTools .contactList .groupContact .phone {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.addContactTools .contactList .contact .status,
.addContactTools .contactList .groupContact .status {
  position: absolute;
  left: 55%;
  top: 50%;
  margin-top: -11px;
}
.addContactTools .contactList .contact .icon-avatar,
.addContactTools .contactList .groupContact .icon-avatar {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.addContactTools .contactList .contact .pinyin,
.addContactTools .contactList .groupContact .pinyin {
  display: none;
}
.addContactTools .contactList .contact .description,
.addContactTools .contactList .groupContact .description,
.addContactTools .contactList .contact .phone,
.addContactTools .contactList .groupContact .phone {
  color: #999;
}
.addContactTools .contactList .contact .description:before,
.addContactTools .contactList .groupContact .description:before,
.addContactTools .contactList .contact .phone:before,
.addContactTools .contactList .groupContact .phone:before {
  content: '(';
}
.addContactTools .contactList .contact .description:after,
.addContactTools .contactList .groupContact .description:after,
.addContactTools .contactList .contact .phone:after,
.addContactTools .contactList .groupContact .phone:after {
  content: ')';
}
.addContactTools .contactList .contact .busy,
.addContactTools .contactList .groupContact .busy {
  position: absolute;
  right: 50px;
  top: 8px;
  line-height: 40px;
  color: #f74d3b;
}
.addContactTools .contactList .contact .icon-checkbox,
.addContactTools .contactList .groupContact .icon-checkbox,
.addContactTools .contactList .contact .icon-remove,
.addContactTools .contactList .groupContact .icon-remove {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.addContactTools .contactList .contact.show,
.addContactTools .contactList .groupContact.show {
  display: block;
  margin-left: 50px;
  border-bottom: 0;
}
.addContactTools .contactList .contact.hideAvatar,
.addContactTools .contactList .groupContact.hideAvatar {
  padding-left: 20px;
}
.addContactTools .contactList .contact.hideAvatar .icon-avatar,
.addContactTools .contactList .groupContact.hideAvatar .icon-avatar {
  display: none;
}
.addContactTools .contactList .groupContact {
  display: none;
  margin-left: 50px;
  border-bottom: 0;
}
.addContactTools .contactList .groupLine {
  position: relative;
  padding: 8px;
  border-top: 1px solid #f3f3f3;
}
.addContactTools .contactList .groupLine .icon-plus {
  cursor: pointer;
}
.addContactTools .contactList .groupLine .name {
  display: inline-block;
  vertical-align: middle;
}
.addContactTools .contactList .groupLine .icon-avatar {
  margin-right: 10px;
}
.addContactTools .contactList .groupLine .icon-checkbox {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -8px;
}
.addContactTools .contactList .groupLine:nth-child(1) {
  border-top: 0;
}
.addContactTools .contactList .contact.disabled {
  cursor: not-allowed;
  opacity: .5;
  filter: opacity(50);
}
.addContactTools .candidateContactList {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 50%;
  top: 55px;
  bottom: 0;
  border-right: 1px solid #ddd;
}
.addContactTools .candidateContactList .emptyContent {
  display: none;
  position: relative;
  z-index: 0;
  padding: 20px 10px;
  text-align: center;
}
.addContactTools .contactInfo {
  position: absolute;
  overflow: auto;
  width: 50%;
  top: 55px;
  right: 0px;
  bottom: 0;
  padding: 0 10px;
}
.addContactTools .contactInfo .infoTitle {
  color: #999;
  padding-bottom: 16px;
}
.addContactTools .contactInfo .profile:after {
  content: "";
  display: block;
  clear: both;
}
.addContactTools .contactInfo .profile:after {
  content: "";
  display: block;
  clear: both;
}
.addContactTools .contactInfo .profile .icon-avatar {
  float: left;
  margin-right: 10px;
}
.addContactTools .contactInfo .profile .textInfo {
  float: left;
}
.addContactTools .contactInfo .profile .busyTips {
  clear: both;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e4e8f2;
}
.addContactTools .contactInfo .busyInfo {
  font-size: 12px;
  padding-bottom: 16px;
}
.addContactTools .contactInfo .timeRangeList .timeRange {
  position: relative;
  padding-left: 50px;
}
.addContactTools .contactInfo .timeRangeList .timeRange .dayName {
  position: absolute;
  width: 48px;
  left: 0;
  top: 8px;
  text-align: justify;
}
.addContactTools .contactInfo .timeRangeList .timeRange .time {
  line-height: 36px;
}
.addContactTools .checkedContactList {
  position: absolute;
  overflow: auto;
  width: 50%;
  top: 55px;
  right: 0px;
  bottom: 0;
  padding: 0 10px;
}
.addContactTools .checkedContactList .contactList {
  left: 0;
  top: 0;
  right: 0px;
  border-right: 0;
}
.addContactTools .checkedContactList .title {
  padding: 10px 0;
}
.addContactTools .checkedContactList .title:after {
  content: "";
  display: block;
  clear: both;
}
.addContactTools .checkedContactList .title:after {
  content: "";
  display: block;
  clear: both;
}
.addContactTools .checkedContactList .title .text {
  float: left;
}
.addContactTools .checkedContactList .title .ratio {
  float: right;
}
.addContactTools .checkedContactList .checkedContact {
  position: relative;
  margin-bottom: 10px;
}
.addContactTools .checkedContactList .checkedContact .icon-avatar {
  margin-right: 10px;
}
.addContactTools .checkedContactList .checkedContact .infoText {
  display: inline-block;
  vertical-align: middle;
}
.addContactTools .checkedContactList .checkedContact .icon-delete {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.addContactTools .bottomLeft {
  z-index: 1;
  position: absolute;
  height: 55px;
  left: 0;
  bottom: -55px;
  padding: 10px;
  line-height: 32px;
}
.contactViewList {
  margin-top: 10px;
}
.contactViewList .contact {
  position: relative;
  margin-bottom: 10px;
  height: 42px;
  padding-left: 10px;
}
.contactViewList .contact .icon-avatar {
  display: none;
}
.contactViewList .contact .name {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.contactViewList .contact .pinyin {
  display: none;
}
.contactViewList .contact .icon-remove {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.contactViewList .contact .description {
  color: #b2bac2;
  text-align: left;
}
.contactViewList .contact.hasAvatar {
  padding-left: 60px;
}
.contactViewList .contact.hasAvatar .icon-avatar {
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -20px;
}
.imgUploadTool .imgCropBox {
  min-width: 641px;
  position: relative;
}
.imgUploadTool .imgCropBox .cropBoardBox {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
.imgUploadTool .imgCropBox .cropBoardBox .cropBoard {
  position: relative;
  width: 400px;
  height: 300px;
  margin: 40px auto;
  background-color: #ccc;
  text-align: center;
}
.imgUploadTool .imgCropBox .cropBoardBox .cropBoard .artworkAvatar {
  position: absolute;
  left: 50%;
  top: 50%;
}
.imgUploadTool .imgCropBox .cropBoardBox .cropBoard .text {
  display: block;
  padding-top: 200px;
  text-align: center;
}
.imgUploadTool .imgCropBox .cropBoardBox .cropBoard.crop {
  background-color: #000;
  background-image: none;
}
.imgUploadTool .imgCropBox .cropPreviewer {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  border-left: 1px solid #eee;
}
.imgUploadTool .imgCropBox .cropPreviewer .title {
  padding: 20px;
}
.imgUploadTool .imgCropBox .cropPreviewer .viewer {
  margin-bottom: 20px;
}
.imgUploadTool .imgCropBox .cropPreviewer .viewer .imgBox {
  position: relative;
  display: block;
  overflow: hidden;
  margin: auto;
  background-color: #ccc;
}
.imgUploadTool .imgCropBox .cropPreviewer .viewer .imgBox img {
  position: absolute;
}
.imgUploadTool .imgCropBox .cropPreviewer .viewer .typename {
  line-height: 36px;
  text-align: center;
}
.imgUploadTool .imgCropBox .cropPreviewer .fileInputBtn {
  display: block;
  width: 160px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
.imgUploadTool .imgCropBox .cropPreviewer .fileUploadTips {
  font-size: 12px;
  text-align: center;
  color: #999;
}
.breadcrumb {
  padding: 8px 15px;
  margin: 0;
  list-style: none;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active a {
  color: #398dee;
}
.breadcrumb.ellipsis > li {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cloudDiskSelector {
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ebedf7;
}
.cloudDiskSelector .folderBox {
  float: left;
  min-width: 100%;
}
.cloudDiskSelector .folderBox .folder {
  padding-left: 40px;
}
.cloudDiskSelector .folderBox .folder .folderInfo {
  position: relative;
}
.cloudDiskSelector .folderBox .folder .folderInfo .icon-plus-square,
.cloudDiskSelector .folderBox .folder .folderInfo .icon-less-square {
  display: inline-block;
  margin-left: -16px;
}
.cloudDiskSelector .folderBox .folder .folderInfo .icon {
  margin-right: 10px;
}
.cloudDiskSelector .folderBox .folder .folderInfo .nameText {
  display: inline-block;
  height: 30px;
  border: 1px solid transparent;
  line-height: 30px;
  white-space: nowrap;
  cursor: default;
}
.cloudDiskSelector .folderBox .folder .folderInfo .nameText .icon-folder {
  margin-right: 5px;
}
.cloudDiskSelector .folderBox .folder:hover {
  background-color: #e5f3ff;
}
.cloudDiskSelector .folderBox .folder.checked {
  background-color: #f3f7f7;
  border-color: #f3f7f7;
  color: #398dee;
}
.cloudDiskSelector .folderBox .subListBox {
  display: none;
}
.cloudDiskSelector .folderBox .subListBox.open {
  display: block;
}
textarea[data-minlength],
textarea[data-maxlength] {
  border: 0;
}
.windowFollowNav {
  position: fixed;
  max-height: 90%;
  overflow: auto;
}
.windowFollowNav .navBtnList {
  border-radius: 4px;
  overflow: hidden;
}
.windowFollowNav .navBtnList .navBtn {
  padding: 5px;
  background-image: url(../images/modules/bg_black_alpha50.png);
  color: #fff;
  cursor: pointer;
}
.windowFollowNav .navBtnList .navBtn:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.windowFollowNav .navBtnList.horizontal .navBtn {
  float: left;
}
body,
html {
  background: #f5f6fa;
}
.root {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
}
.root.with-padding {
  padding: 10px;
}
.map {
  position: relative;
  width: 745px;
  height: 243px;
  margin: 50px auto;
}
.map .map-item {
  position: absolute;
  border: 1px solid #ddd;
  width: 120px;
  text-align: center;
  background-color: #86ccf7;
  transition: all .5s;
}
.map .map-item:hover {
  background-color: #4ab7f9;
}
.map .map-item a {
  display: block;
  padding: 10px 5px;
  color: #000;
}
.map .map-item.map-item-1 {
  top: 100px;
}
.map .map-item.map-item-2 {
  top: 100px;
  left: 200px;
}
.map .map-item.map-item-3 {
  left: 400px;
}
.map .map-item.map-item-4 {
  top: 100px;
  left: 400px;
}
.map .map-item.map-item-5 {
  top: 200px;
  left: 400px;
}
.map .map-item.map-item-6 {
  top: 50px;
  left: 625px;
}
.map .map-item.map-item-7 {
  top: 150px;
  left: 625px;
}
.map .arrow {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: #ddd;
}
.map .arrow.arrow-short {
  width: 25px;
}
.map .arrow.arrow-1 {
  top: 120px;
  left: 135px;
}
.map .arrow.arrow-3 {
  top: 120px;
  left: 536px;
  width: 25px;
}
.map .vertical {
  position: absolute;
  width: 1px;
  height: 200px;
  background-color: #ddd;
}
.map .vertical.vertical-1 {
  top: 20px;
  left: 360px;
}
.map .vertical.vertical-2 {
  top: 20px;
  left: 561px;
}
.nav-tabs {
  line-height: 40px;
}
.nav-tabs .tab {
  display: inline-block;
  padding: 0 15px;
}
.nav-tabs .tab.active {
  margin-bottom: -2px;
  border-bottom: 2px solid #398dee;
  background-color: #e1e1e1;
}
.nav-tabs .tab:hover {
  background-color: #ebedf7;
}
.site-header {
  height: 60px;
  background-color: #398dee;
}
.site-header .logo {
  display: inline-block;
  width: 180px;
  line-height: 60px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.site-header .logout {
  display: none;
  float: right;
  margin-right: 30px;
  line-height: 60px;
  color: #fff;
}
.site-header .login-user {
  float: right;
  margin-right: 30px;
  line-height: 60px;
  color: #fff;
}
.site-header .nav {
  height: 40px;
  line-height: 40px;
}
.site-header .nav a {
  display: block;
  padding: 0 15px;
  color: #fff;
  font-size: 16px;
}
.site-header .lang-group {
  float: right;
  margin-right: 20px;
  line-height: 60px;
  color: #fff;
}
.site-header .lang-group span {
  cursor: pointer;
}
.site-header .lang-group span.active {
  font-weight: bolder;
  cursor: default;
}
.site-wrap {
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100%;
}
.site-wrap .site-main {
  position: absolute;
  left: 180px;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}
.site-wrap .site-main .site-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 1px rgba(183, 198, 198, 0.5);
  -moz-box-shadow: 0 0 10px 1px rgba(183, 198, 198, 0.5);
  box-shadow: 0 0 10px 1px rgba(183, 198, 198, 0.5);
}
.site-wrap .site-main .site-content iframe {
  position: absolute;
  background-color: #fff;
}
.site-wrap .site-leftbar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 180px;
  padding-top: 20px;
  border-right: 1px solid #e0e1e5;
  background-color: #f5f5f5;
  overflow: auto;
}
.site-wrap .site-leftbar .menu-list .menu {
  position: relative;
  padding: 10px 0 10px 36px;
  font-size: 14px;
  line-height: 14px;
  color: #686868;
  word-break: break-all;
  cursor: pointer;
}
.site-wrap .site-leftbar .menu-list .menu.has-sub {
  cursor: default;
}
.site-wrap .site-leftbar .menu-list .menu.has-sub:hover {
  color: #686868;
}
.site-wrap .site-leftbar .menu-list .menu.submenu {
  padding-left: 50px;
}
.site-wrap .site-leftbar .menu-list .menu:hover {
  color: #398dee;
}
.site-wrap .site-leftbar .menu-list .menu.active {
  color: #398dee;
  background-color: #dce9f9;
}
.site-wrap .site-leftbar .menu-list .menu.active:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #398dee;
}
.site-wrap .site-leftbar .menu-list .title {
  padding: 0 0 10px 25px;
  font-size: 18px;
  line-height: 18px;
}
.site-wrap .site-leftbar .menu-list .title:before {
  content: '';
  display: block;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #dedede;
}
.topbar {
  height: 42px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.topbar .btn.pull-left {
  margin-top: 9px;
}
.enroll-appoint {
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #ddd;
}
.teacher-appoint {
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #ddd;
}
.teacher-appoint .teacher-candidate {
  height: 50%;
  border-bottom: 1px solid #aaa;
}
.teacher-appoint .teacher-candidate .teacher-search {
  float: left;
  margin: 9px 0 0 9px;
}
.teacher-appoint .teacher-candidate .ChooseTeacher {
  border-bottom: none !important;
  border-right: 1px solod #ccc !important;
}
.teacher-appoint .timelist-search {
  display: none;
  position: relative;
  height: 50%;
}
.teacher-appoint .timelist-search .teacher {
  line-height: 32px;
}
.teacher-appoint .timelist-search .duration {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.teacher-appoint .timelist-search .appoint-section {
  overflow: auto;
  position: absolute;
  width: 100%;
  top: 32px;
  padding-right: 10px;
  bottom: 0;
}
.Btn {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  padding: 7px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 1px #3ac486 solid;
  color: #3ac486;
  line-height: 8px;
}
.Btnhover {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  padding: 7px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 1px #fff solid;
  color: #fff;
  line-height: 8px;
  background: #3ac486;
}
.Delete {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  padding: 8px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 1px red solid;
  color: red;
  line-height: 7px;
}
.cancelBtn {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  padding: 8px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 1px #f5a623 solid;
  color: #f5a623;
  line-height: 7px;
}
.remind {
  width: 52px;
  height: 24px;
  text-align: center;
  margin: 0 14px 0 14px ;
}
.divBox {
  margin: 14px;
  border: 1px solid #d8d8d8;
  color: #24272d;
}
.boxInner .title {
  font-size: 12px;
  color: #24272d;
  margin-left: 13px;
}
.boxInner .content {
  padding: 41px 0 0 67px;
}
.boxContent {
  margin-bottom: 40px;
}
.check-item {
  margin-right: 70px;
}
.check-title {
  margin-right: 19px;
}
.remind_btn {
  width: 70px;
  height: 30px;
  text-align: center;
  background: #32ab9e;
  color: #fff;
  margin-left: 700px;
  margin-bottom: 20px;
}
#student_order {
  height: 65px;
  line-height: 65px;
}
#student_order li {
  float: left;
  padding: 0 25px;
}
#student_order a {
  padding: 4px 4px;
}
#student_order .s_hover {
  color: #fff;
  background: #398dee;
}
#student_order a:hover {
  color: #fff;
  background: #398dee;
}
#body1 {
  color: #000 !important;
}
.a_div {
  height: 40px;
  line-height: 40px;
  border: 1px solid #2a87f3;
  margin: 0 10px;
  padding: 0 10px;
  color: #2a87f3;
}
.s_ul {
  border: 1px solid #d8d8d8;
  margin: 10px 10px 0 10px;
}
.s_ul li {
  padding: 0px 10px;
  height: 40px;
  border: 1px solid #d8d8d8;
  line-height: 40px;
}
.div1 {
  z-index: 100;
  background: #fff;
  position: absolute;
  right: 30px;
  top: 0;
}
.div1 li {
  border: none;
}
.div1 li i {
  font-style: normal;
}
.s_ul_cour {
  height: 43px;
  line-height: 40px;
  background: #f3f5f8;
  border: 1px solid #d8d8d8;
}
.s_ul_cour li {
  float: left;
  width: 107px;
  background: #f3f5f8;
  border: 1px solid #d8d8d8;
  text-align: center;
  cursor: pointer;
  color: #000;
}
.s_ul_cour .li {
  background: #fff;
  border: none;
  border-top: 1px solid #398dee;
  color: #398dee;
  height: 42px;
  margin-left: -1px;
}
.stylesame .about_start {
  border: 1px solid #d8d8d8;
  margin-top: 13px;
  min-height: 162px;
}
.stylesame .about_start .s_start {
  padding: 19px;
  margin-top: 19px;
}
.stylesame .about_start .s_start li {
  height: 42px;
  line-height: 42px;
  background: #f3f5f8;
  padding-left: 45px;
}
.stylesame .about_start .s_start li span {
  float: right;
  color: #398dee;
  padding-right: 45px;
}
.stylesame .about_start .s_start li div {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #398dee;
  border-bottom: 10px solid transparent;
  position: relative;
  top: 4px;
  border-radius: 6px;
  padding-right: 10px;
}
.stylesame .about_start h5 {
  padding-left: 19px;
  font-size: 14px;
  color: #000;
  background: #f3f5f8;
  border: 1px solid #d8d8d8;
  height: 40px;
  line-height: 40px;
  position: relative;
  top: -23px;
  border-top: none;
}
.stylesame .about_start dl {
  margin: 19px;
}
.stylesame .about_start dl dt {
  width: 220px;
  height: 141px;
  float: left;
  border: 1px solid #ccc;
}
.stylesame .about_start dl dt img {
  width: 220px;
  height: 141px;
}
.stylesame .about_start dl dd {
  float: left;
  margin-left: 39px;
}
.stylesame .about_start dl dd p {
  line-height: 55px;
}
.course_prt {
  border: 1px solid #d8d8d8;
  margin-top: 13px;
  min-height: 418px;
}
.course_prt .informationlist {
  padding: 13px;
  margin-top: 19px;
  background: #f5f5f5;
}
.course_prt .informationlist ul {
  padding: 13px 1px 13px 1px;
  margin-top: 19px;
}
.course_prt .informationlist ul li {
  height: 42px;
  line-height: 42px;
  background: #eaedf2;
  border: 1px solid #d8d8d8;
  padding-left: 45px;
  margin: 12px 0;
}
.course_prt .informationlist ul li span {
  float: right;
  color: #398dee;
  padding-right: 45px;
  cursor: pointer;
}
.course_prt .informationlist ul li div {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #398dee;
  border-bottom: 10px solid transparent;
  position: relative;
  top: 4px;
  border-radius: 6px;
  padding-right: 10px;
}
.course_prt .informationlist p {
  height: 40px;
  line-height: 40px;
}
.course_prt .informationlist p a {
  color: #000;
}
.course_prt .informationlist p span {
  float: right;
  color: #398dee;
  padding-right: 45px;
  cursor: pointer;
}
.course_prt h5 {
  padding-left: 19px;
  font-size: 14px;
  color: #000;
  background: #f3f5f8;
  border: 1px solid #d8d8d8;
  height: 40px;
  line-height: 40px;
  position: relative;
  top: -23px;
  border-top: none;
}
.course_prt .list dl {
  margin: 13px;
  height: 140px;
}
.course_prt .list dl dt {
  width: 220px;
  height: 141px;
  float: left;
  border: 1px solid #ccc;
}
.course_prt .list dl dt img {
  width: 220px;
  height: 141px;
}
.course_prt .list dl dd {
  float: left;
  margin-left: 39px;
}
.course_prt .list dl dd p {
  line-height: 47px;
}
.p_lesson {
  cursor: pointer;
}
#appint_alert {
  height: 272px;
  overflow: auto;
}
#appint_sealert {
  height: 277px;
  overflow: auto;
}
.class_class {
  height: 50px;
  line-height: 50px;
  float: left;
}
.class_class li {
  float: left;
  width: 100px;
}
.class_class li a {
  display: inline-block;
  width: 55px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.class_class li a:hover {
  background: #398dee;
  color: #fff;
}
.class_class a.hover {
  color: #fff;
  background: #398dee;
}
.student_seacher {
  float: left;
  position: relative;
  top: 6px;
}
.formList {
  display: table;
  width: 100%;
}
.formList .formLi {
  display: table-row;
}
.formList .formLi .formTitle,
.formList .formLi .formContent {
  display: table-cell;
  padding: 12px;
}
.formList .formLi .formTitle .titleText,
.formList .formLi .formContent .titleText {
  display: inline-block;
  padding-top: 9px;
  line-height: 1;
}
.formList .formLi .formTitle {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}
.formList .formLi .formTitle.required:before {
  content: "*";
  color: #ff0000;
}
.formList .formTr {
  display: table-row;
}
.formList .formTr .formTd {
  display: table-cell;
  padding: 5px;
}
.paraList .li {
  float: left;
  width: 50%;
  margin: 10px 0;
}
.paraList .li:after {
  content: "";
  display: block;
  clear: both;
}
.paraList .li:after {
  content: "";
  display: block;
  clear: both;
}
.paraList .li .title {
  float: left;
  width: 34%;
  padding-right: 6%;
  text-align: right;
  margin-top: 5px;
}
.paraList .li .content {
  float: left;
  width: 60%;
}
.paraList .li.line {
  width: 100%;
}
.paraList .li.line .title {
  width: 17%;
  padding-right: 2%;
}
.paraList .li.line .content {
  width: 80%;
}
.table-hover > tbody > tr:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
.table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.table.limit-width {
  min-width: 1000px;
}
.table caption {
  font-size: 22px;
  text-align: left;
}
.table thead tr th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table thead tr:first-child th {
  border-top: 0;
}
.table tbody tr.active {
  background-color: #ddd;
}
.table tbody tr th,
.table tbody tr td {
  padding: 5px;
  line-height: 1.42857143;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.table tbody tr th .ml5,
.table tbody tr td .ml5 {
  margin-right: 5px;
}
html,
body {
  background-color: transparent;
}
body {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  color: #818e9b;
  cursor: default;
}
body:hover,
body:active {
  cursor: default;
}
body.siteContentBody {
  background-color: #fff;
}
.grayBackgournd {
  background-color: #f7f8fa;
}
.formTable .formTr {
  padding-bottom: 10px;
}
